@charset "utf-8";
/**************************************************
All Page
**************************************************/

/*** css initialize ***/
html, body, div, h1, h2, h3, h4, h5, h6, p, span, header, footer, nav, aside,
small, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
strong, sub, sup, var, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, dialog, blockquote, figure,
menu, section, time, mark, object, audio, video {
margin:0;
padding:0;
border:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
vertical-align:baseline;
word-break:break-all;
word-wrap:break-word;
}

section, header, footer, aside, article, menu, nav, details, figcaption, figure {
display:block;
}

h1, h2, h3, h4, h5, h6, strong, em {
font-weight:normal;
}

body { 
font-family:"メイリオ",Meiryo,Verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
font-size:14px;
text-align:center;
-webkit-text-size-adjust:100%;
}

html {
}

.clear {
clear:both;
}

img {
border:none;
vertical-align:bottom;
}

ul, ol {
list-style:none;
}

a {
outline:none;
text-decoration:none;
transition:0.4s;
-webkit-transition:0.4s;
-moz-transition:0.4s;
}

button {
outline:none;
}

/**********************************************************************************/
/*
 * icomoon
 * https://icomoon.io/
 * GPL / CC BY 4.0 / CC BY-SA 3.0 / CC BY-SA 4.0
 */

@font-face {
font-family:'icomoon';
src:url('../font/icomoon/icomoon.eot?w3hfl6');
src:url('../font/icomoon/icomoon.eot?w3hfl6#iefix') format('embedded-opentype'),
    url('../font/icomoon/icomoon.ttf?w3hfl6') format('truetype'),
    url('../font/icomoon/icomoon.woff?w3hfl6') format('woff'),
    url('../font/icomoon/icomoon.svg?w3hfl6#icomoon') format('svg');
font-weight:normal;
font-style:normal;
}

[class^="icon-"], [class*=" icon-"] {
font-family:'icomoon'!important;
speak:none;
font-style:normal;
font-weight:normal;
font-variant:normal;
text-transform:none;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}
/**********************************************************************************/


/* [wrapper] --------------- */

#wrapper {
width:100%;
text-align:center;
float:left;
overflow-x:hidden;
}

#wrapper-in {
width:1200px;
margin:0 auto;
}

#wrap {
width:100%;
float:left;
}

/* -------------------------------------------------------------- */


/* [header] --------------- */

header.site-header {
width:100%;
height:auto;
padding:10px 0 20px;
float:left;
}

#header-in {
width:1200px;
margin:0 auto;
}

header.site-header h1,
header.site-header p.title {
width:100%;
margin-bottom:5px;
text-align:left;
float:left;
}

header.site-header h2,
header.site-header p.sub-title {
float:left;
}

/* -------------------------------------------------------------- */


/* [main nav] --------------- */

#main-nav {
width:100%;
margin-top:10px;
text-align:left;
float:left;
}

#main-nav-box {
width:1200px;
margin:0 auto;
}

#main-nav ul.parent {
float:left;
}

#main-nav ul.parent li {
margin-right:28px;
display:inline-block;
position:relative;
vertical-align:top!important;
}

#main-nav ul.parent li a {
padding:15px 0;
color:#fff;
float:left;
position:relative;
z-index:1;
}

#main-nav ul.parent li.menu-item-has-children {
position:relative;
}

#main-nav ul.parent li.menu-item-has-children a span:after {
font-size:20px;
font-family:"icomoon";
content:"\e90f";
position:absolute;
left:50%;
bottom:2px;
transform:translate(-50%,0%);
-webkit-transform:translate(-50%,0%);
-moz-transform:translate(-50%,0%);
}

#main-nav ul.sub-menu {
width:222px;
padding-top:10px;
text-align:left;
font-size:14px;
font-weight:normal;
display:none;
position:absolute;
left:0;
top:41px;
z-index:10;
}

#main-nav ul.sub-menu li {
width:220px;
height:auto;
margin:0;
background:#fff;
float:left;
}

#main-nav ul.sub-menu li a {
width:210px;
padding:12px 5px;
}

#main-nav ul.sub-menu li a:before {
padding-right:2px;
font-size:14px;
font-family:"icomoon";
content:"\e911";
vertical-align:-0.14em!important;
}

#main-nav ul.sub-menu li a span:after {
font-family:""!important;
content:""!important;
vertical-align:baseline!important;
}

#main-nav p.member {
padding:15px 0;
float:right;
}

#main-nav p.member:before {
font-family:"icomoon";
content:"\e903";
vertical-align:-0.15em!important;
}

#main-nav p.member span.name {
padding-left:4px;
display:inline-block;
}

#main-nav p.member span.name:before {
margin-right:3px;
font-size:16px;
font-family:"icomoon";
content:"\e971";
vertical-align:-0.15em!important;
}

/* -------------------------------------------------------------- */


/* [sub nav] --------------- */

#sub-nav {
text-align:right;
float:right;
}

#sub-nav li {
margin:0 5px;
text-align:center;
display:inline-block;
position:relative;
}

#sub-nav li::before,
#sub-nav li::after {
width:0;
height:1px;
content:"";
position:absolute;
transition:0.2s;
-webkit-transition:0.2s;
-moz-transition:0.2s;
transition-delay:0.2s;
-webkit-transition-delay:0.2s;
-moz-transition-delay:0.2s;
}

#sub-nav li span.border::before,
#sub-nav li span.border::after {
width:1px;
height:0;
content:"";
position:absolute;
transition:0.2s;
-webkit-transition:0.2s;
-moz-transition:0.2s;
transition-delay:0s;
-webkit-transition-delay:0s;
-moz-transition-delay:0s;
}

#sub-nav li:hover::before,
#sub-nav li:hover::after {
width:100%;
transition-delay:0s;
-webkit-transition-delay:0s;
-moz-transition-delay:0s;
}

#sub-nav li:hover span.border::before,
#sub-nav li:hover span.border::after {
height:100%;
transition-delay:0.2s;
-webkit-transition-delay:0.2s;
-moz-transition-delay:0.2s;
}

#sub-nav li::before {
right:0;
top:0;
}

#sub-nav li::after {
left:0;
bottom:0;
}

#sub-nav li span.border::before {
left:0;
top:0;
}

#sub-nav li span.border::after {
right:0;
bottom:0;
}

#sub-nav li a {
width:58px;
height:58px;
padding:15px 10px 5px;
background:#fff;
border:1px solid #e8e8e8;
display:block;
overflow:hidden;
}

#sub-nav li a span.text {
width:100%;
padding-top:4px;
font-size:11px;
display:block;
transition:0.4s;
-webkit-transition:0.4s;
-moz-transition:0.4s;
}

#sub-nav li a:before {
font-size:32px;
font-family:"icomoon";
content:"\e905";
transition:0.4s;
-webkit-transition:0.4s;
-moz-transition:0.4s;
}

#sub-nav li.sub-menu-login a:before {
padding:0 11px 0 9px;
content:"\ea13";
}

#sub-nav li.sub-menu-logout a:before {
padding:0 11px 0 9px;
content:"\ea14";
}

#sub-nav li.sub-menu-cart a:before {
content:"\e93a";
}

#sub-nav li.sub-menu-newmember a:before,
#sub-nav li.sub-menu-mypage a:before {
padding:0 9px 0 11px;
content:"\e923";
}

/* -------------------------------------------------------------- */


/* [sub nav search] --------------- */

#sub-nav-box li.header-search {
margin:0 0 0 5px;
}

#sub-nav-box li.header-search span.text {
width:100%;
padding-top:4px;
font-size:11px;
display:block;
transition:0.4s;
-webkit-transition:0.4s;
-moz-transition:0.4s;
}

#sub-nav-box li.header-search span.icon {
width:58px;
height:58px;
padding:15px 10px 5px;
background:#fff;
border:1px solid #e8e8e8;
display:block;
overflow:hidden;
cursor:pointer;
}

#sub-nav-box li.header-search span.icon:before {
font-size:32px;
font-family:"icomoon";
content:"\e986";
transition:0.4s;
-webkit-transition:0.4s;
-moz-transition:0.4s;
}

#header-search-open {
width:90%;
height:90%;
padding:0 20px;
background-color:rgba(0,0,0,0.95);
border:1px solid #808080;
text-align:center;
display:none;
position:fixed;
left:50%;
top:50%;
transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
z-index:9000;
box-sizing:border-box;
}

.pc-header-search .box {
width:100%;
height:100%;
float:left;
}

.pc-header-search .box span.header-search-text {
width:100%;
margin-bottom:10px;
font-size:20px;
color:#fff;
float:left;
letter-spacing:0.1em;
}

.pc-header-search .box span.header-search-close {
width:100px;
height:42px;
line-height:42px;
margin-left:15px;
border:1px solid #fff;
font-size:20px;
font-weight:normal;
color:#fff;
overflow:hidden;
display:inline-block;
cursor:pointer;
box-sizing:border-box;
vertical-align:middle!important;
transition:0.4s;
-webkit-transition:0.4s;
-moz-transition:0.4s;
}

.pc-header-search .box span.header-search-close:hover {
background:#fff;
color:#000;
}

.pc-header-search .box #header-search-form {
width:70%;
text-align:center;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
box-sizing:border-box;
}

.pc-header-search .box #header-search-submit {
width:100px;
height:42px;
line-height:40px;
background:none;
border:1px solid #fff;
font-size:20px;
color:#fff;
overflow:hidden;
display:inline-block;
cursor:pointer;
box-sizing:border-box;
vertical-align:-0.2em!important;
transition:0.4s;
-webkit-transition:0.4s;
-moz-transition:0.4s;
}

.pc-header-search .box #header-search-submit:hover {
background:#fff;
color:#000;
}

.pc-header-search .box #h-s {
width:260px;
height:42px;
margin-top:1px;
margin-right:15px;
padding:0 5px;
background:#fff;
border:1px solid #000;
box-sizing:border-box;
display:inline-block;
}

.pc-header-search .box .search-select {
margin-right:15px;
display:inline-block;
}

.pc-header-search .box .search-select select {
width:230px;
height:42px;
border:1px solid #000;
box-sizing:border-box;
}

.pc-header-search .box #header-search-submit .header-search-icon:before {
color:#fff;
}

/* -------------------------------------------------------------- */


/* [widget] --------------- */

#widget-area {
width:300px;
text-align:center;
float:left;
}

aside.widget {
width:100%;
margin-bottom:20px;
background:#fff;
float:left;
}

.widget-box {
width:100%;
padding:0 10px;
border:1px solid #e8e8e8;
border-top:0;
float:left;
box-sizing:border-box;
}

.widget-title {
width:100%;
text-align:center;
float:left;
position:relative;
box-sizing:border-box;
}

.widget-title h2 {
width:100%;
padding:15px;
border:1px solid #e8e8e8;
font-size:16px;
font-weight:bold;
float:left;
box-sizing:border-box;
}

.widget-title h2 span {
width:100%;
padding:0 15px;
float:left;
box-sizing:border-box;
position:relative;
}

.widget-title h2 span:before,
.widget-title h2 span:after {
font-size:14px;
font-family:"icomoon";
content:"\e905";
position:absolute;
top:50%;
transform:translate(0%,-50%);
-webkit-transform:translate(0%,-50%);
-moz-transform:translate(0%,-50%);
}

.widget-title h2 span:before {
left:0;
}

.widget-title h2 span:after {
right:0;
}

.widget-title h2 span img {
margin-right:5px;
display:inline-block;
}

#widget-area ul {
width:100%;
float:left;
}

#widget-area ul li {
width:100%;
padding:10px 0;
border-bottom:1px #9d9d9d dotted;
text-align:left;
float:left;
box-sizing:border-box;
}

#widget-area ul li:last-child {
border-bottom:0;
}

#widget-area ul li a {
width:100%;
padding:5px 0;
float:left;
}

#widget-area ul li a:before {
padding-right:1px;
font-size:14px;
font-family:"icomoon";
content:"\e911";
vertical-align:-0.14em!important;
}

#widget-area select.postform {
width:100%;
margin:10px 0 15px;
}

#widget-area li.recentcomments a.url {
background:none!important;
float:left;
}

#widget-area li.cat-item a {
display:inline!important;
}

#widget-area ul.children,
#widget-area ul.sub-menu {
padding:0 0 0 10px!important;
border:0;
}

#widget-area ul.children li,
#widget-area ul.sub-menu li {
margin-top:5px;
margin-bottom:0!important;
padding:0!important;
border-bottom:none!important;
}

#widget-area ul.children li a,
#widget-area ul.sub-menu li a {
padding:0;
}

#widget-area ul.children li a:before,
#widget-area ul.sub-menu li a:before {
margin-right:1px;
font-size:15px;
font-family:"icomoon";
content:"\e900";
vertical-align:-0.15em!important;
}

.tagcloud {
padding:10px 0;
float:left;
}

.tagcloud a {
margin:3px;
padding:5px 7px;
color:#fff;
font-size:12px!important;
float:left;
}

.tagcloud a:before {
margin-right:5px;
font-size:10px!important;
font-family:"icomoon";
content:"\e935";
vertical-align:-0.1em!important;
}

.textwidget {
width:100%;
padding:10px 0;
float:left;
}

#widget-area label.screen-reader-text {
width:100%;
padding:5px 0;
text-align:left;
float:left;
}

.widget_archive select,
.widget_categories select#cat {
width:100%;
height:40px;
margin:0 auto 10px;
padding-left:5px;
border:2px solid #f8f8f8;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
box-sizing:border-box;
}

.widget_archive a,
.widget_categories a {
display:inline!important;
}

.widget_recent_entries span.post-date {
width:100%;
text-align:right;
font-size:13px;
float:left;
}

.widget_rss li a {
width:100%;
float:left;
}

#widget-area img.rss-widget-icon {
margin:0;
display:inline-block;
vertical-align:-0.1em!important;
}

#widget-area .widget_rss .rssSummary,
#widget-area .widget_rss .rss-date,
#widget-area .widget_rss cite {
margin:2px 0;
font-size:13px;
}

.widget_media_image .widget-box,
.widget_media_video .widget-box {
padding:30px 10px 10px;
}

/* -------------------------------------------------------------- */


/* [widget search] --------------- */

#search {
width:100%;
padding:10px 0;
text-align:center;
float:left;
}

#search-in #searchform {
width:100%;
height:38px;
background:#f0f0f0;
float:left;
position:relative;
box-shadow:1px 2px 7px rgba(0,0,0,0.1) inset;
-webkit-box-shadow:1px 2px 7px rgba(0,0,0,0.1) inset;
-moz-box-shadow:1px 2px 7px rgba(0,0,0,0.1) inset;
}

#search-in #s {
width:84%;
height:34px;
padding-left:5px;
background:none;
border:0;
position:absolute;
top:0;
left:0;
}

#search-in #searchsubmit {
border:0;
border-left:1px solid #fff;
background:none;
position:absolute;
right:0;
top:9px; 
cursor:pointer;
}

#search-in .search-icon:before {
font-size:18px;
font-family:"icomoon";
content:"\e986";
}

/* -------------------------------------------------------------- */


/* [widget calendar] --------------- */

#calendar_wrap {
width:100%;
padding:10px 0;
text-align:center;
}

table#wp-calendar {
width:100%;
margin:0 auto;
text-align:center;
}

table#wp-calendar th,
table#wp-calendar tbody tr td {
border:1px dotted #9d9d9d;
}

table#wp-calendar tbody tr td a {
width:100%;
background:#f0f0f0;
display:block;
}

table#wp-calendar caption { 
width:100%;
padding-bottom:5px;
text-align:right;
font-weight:bold;
}

/* -------------------------------------------------------------- */


/* [widget gallery] --------------- */

.widget-box .gallery {
padding:5px 0;
}

.gallery-columns-5 .gallery-caption,
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display:none;
}

.gallery-item {
margin:5px 0;
display:inline-block;
vertical-align:top;
box-sizing:border-box;
}

.gallery-columns-1 .gallery-item {
width:100%;
}

.gallery-columns-2 .gallery-item,
.gallery-columns-3 .gallery-item,
.gallery-columns-4 .gallery-item,
.gallery-columns-5 .gallery-item,
.gallery-columns-6 .gallery-item,
.gallery-columns-7 .gallery-item,
.gallery-columns-8 .gallery-item,
.gallery-columns-9 .gallery-item {
width:50%;
padding:0 5px;
}

.gallery-item img,
.gallery-item a img {
width:100%;
height:auto;
display:block;
}

/* -------------------------------------------------------------- */


/* [widget usces] --------------- */

#widget-area h2 img {
margin-right:5px;
}

ul.ucart_widget_body {
margin:0 auto;
padding:0!important;
}

/* -------------------------------------------------------------- */


/* [widget usces search] --------------- */

.ucart_search_body {
width:100%;
float:left;
}

.ucart_search_body li {
width:100%!important;
margin:0!important;
padding:10px 0!important;
border-bottom:0!important;
}

.ucart_search_body .searchtext {
width:272px;
height:38px;
padding:0 4px;
background:#f0f0f0;
border:0;
position:relative;
box-shadow:1px 2px 7px rgba(0,0,0,0.1) inset;
-webkit-box-shadow:1px 2px 7px rgba(0,0,0,0.1) inset;
-moz-box-shadow:1px 2px 7px rgba(0,0,0,0.1) inset;
}

.ucart_search_body .search-select {
width:162px;
float:left;
}

.ucart_search_body .search-select select {
width:160px;
height:30px;
float:left;
}

.ucart_search_body #searchsubmit {  
width:98px;
height:30px;
margin-top:10px;
float:right;
background:#fff;
font-weight:bold;
color:#727272;
cursor:pointer;
outline:none;
transition:0.7s;
-webkit-transition:0.7s;
-moz-transition:0.7s;
}

.ucart_search_body #searchsubmit:hover {
color:#fff;
}

.ucart_search_body .search-custom {
width:100%;
float:left;
}

/* -------------------------------------------------------------- */


/* [widget usces calendar] --------------- */

.ucart_calendar_body li {
width:100%!important;
padding:10px 0!important;
border-bottom:0!important;
}

ul.ucart_calendar_body table {
padding-bottom:15px;
border-spacing:2px;
}

ul.ucart_calendar_body td.businessday {
background:#ffe2e2;
font-weight:bold;
}

ul.ucart_calendar_body .business_days_exp_box {
background:#ffe2e2;
}

/* -------------------------------------------------------------- */


/* [widget usces login] --------------- */

ul.ucart_login_body li {
padding:0!important;
border-bottom:0!important;
}

ul.ucart_login_body li .loginbox a {
width:100%;
text-align:left;
font-size:12px;
}

ul.ucart_login_body .loginbox {
width:100%;
padding:10px 0;
text-align:center;
float:left;
}

ul.ucart_login_body .loginbox span {
width:100%;
margin-bottom:5px;
text-align:left;
font-size:12px;
float:left;
}

ul.ucart_login_body .loginbox label {
width:100%;
margin-bottom:15px;
float:left;
}

ul.ucart_login_body .loginbox input.loginmail,
ul.ucart_login_body .loginbox input.loginpass {
width:100%!important;
height:28px;
margin:0!important;
padding:0 5px;
background:#f0f0f0;
border:1px solid #d3d3d3;
float:right;
transition:0.4s;
-webkit-transition:0.4s;
-moz-transition:0.4s;
box-sizing:border-box;
box-shadow:1px 2px 7px rgba(0,0,0,0.1) inset;
-webkit-box-shadow:1px 2px 7px rgba(0,0,0,0.1) inset;
-moz-box-shadow:1px 2px 7px rgba(0,0,0,0.1) inset;
}

ul.ucart_login_body .loginbox input.loginmail:hover,
ul.ucart_login_body .loginbox input.loginpass:hover {
background:#fff;
border:1px solid #d3d3d3;
}

ul.ucart_login_body .loginbox input.loginmail:focus,
ul.ucart_login_body .loginbox input.loginpass:focus {
background:#fff;
border:1px solid #d3d3d3;
}
ul.ucart_login_body input:placeholder-shown {
color:#cdcdcd;
}

ul.ucart_login_body input::-moz-input-placeholder {
color:#cdcdcd;
}

ul.ucart_login_body input::-webkit-input-placeholder {
color:#cdcdcd;
}

ul.ucart_login_body li {
border:none!important;
}

.ucart_login_body p.submit {
width:100%;
margin-bottom:15px;
background:#fff;
cursor:pointer;
position:relative;
z-index:2;
overflow:hidden;
float:left;
box-sizing:border-box;
}

.ucart_login_body input#member_loginw {
width:100%;
padding:10px 0;
background:none;
border:none;
font-weight:bold;
color:#727272;
cursor:pointer;
outline:none;
float:left;
transition:0.4s;
-webkit-transition:0.4s;
-moz-transition:0.4s;
}

.ucart_login_body .login-member {
width:100%;
margin-top:15px;
float:left;
}

.ucart_login_body .login-member p {
width:100%;
float:left;
box-sizing:border-box;
}

.ucart_login_body .login-member p.left {
margin-bottom:10px;
}

.ucart_login_body .login-member a {
width:100%;
padding:7px 0!important;
background:#fff;
text-align:center!important;
font-weight:bold;
color:#727272;
float:left;
transition:0.4s;
-webkit-transition:0.4s;
-moz-transition:0.4s;
}

.ucart_login_body input#member_loginw:hover,
.ucart_login_body .login-member a:hover {
color:#fff;
}

.ucart_login_body .login-member a:before {
content:""!important;
}

/* -------------------------------------------------------------- */


/* [widget usces post] --------------- */

.widget_welcart_post li.post_list div {
width:100%;
float:left;
}

.widget_welcart_post li.post_list p {
width:100%;
float:left;
}

/* -------------------------------------------------------------- */


/* [widget usces bestseller] --------------- */

.widget_welcart_bestseller .txranking-item-in {
width:100%!important;
padding:10px 0!important;
border-bottom:1px dashed #dbdbdb;
text-align:left;
float:left;
}

.widget_welcart_bestseller .txranking-item-in a {
float:none!important;
}

.widget_welcart_bestseller .txranking-item-in a:before {
margin-right:0!important;
letter-spacing:0!important;
content:""!important;
vertical-align:baseline!important;
}

.widget_welcart_bestseller .txranking-item-in span.img {
width:80px;
height:80px;
float:left;
}

.widget_welcart_bestseller .txranking-item-in span.img img {
border:2px solid #fff;
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
}

.widget_welcart_bestseller .txranking-item-in span.number {
width:180px;
padding-bottom:3px;
font-weight:bold;
font-size:14px;
float:left;
}

.widget_welcart_bestseller .txranking-item-in span.number span {
font-weight:normal;
font-size:12px;
float:right;
}

.widget_welcart_bestseller .txranking-item-in span.title {
width:180px;
height:45px;
font-size:14px;
float:left;
overflow:hidden;
}

.widget_welcart_bestseller span.ranking-cat {
width:100%;
font-size:11px;
float:left;
}

.widget_welcart_bestseller span.ranking-cat:before {
padding-right:5px;
font-family:"icomoon";
content:"\e90c";
vertical-align:-0.1em!important;
}

/* -------------------------------------------------------------- */


/* [widget usces featured] --------------- */

.widget_welcart_featured ul,
.widget_welcart_featured ul li,
ul.ucart_featured_body,
ul.ucart_widget_body li.featured_list,
ul.ucart_widget_body li.featured_list .thumtitle a,
ul.ucart_widget_body li.featured_list .thumimg,
ul.ucart_widget_body li.featured_list .thumimg a,
ul.ucart_widget_body li.featured_list .thumimg img {
margin:0 auto;
padding:0!important;
}

.widget_welcart_featured {
width:100%!important;
margin:0 0 20px!important;
padding:0!important;
}

ul.ucart_featured_body li.featured_list {
width:100%!important;
height:auto!important;
text-align:left!important;
background:none!important;
border:none!important;
border-bottom:1px dashed #dbdbdb!important;
}

ul.ucart_featured_body li.featured_list:last-child {
border-bottom:0!important;
}

ul.ucart_featured_body li.featured_list a:before {
margin-right:0!important;
letter-spacing:0!important;
content:""!important;
vertical-align:baseline!important;
}

ul.ucart_widget_body .widget-featured {
width:100%;
padding:10px 0;
text-align:left;
float:left;
}

ul.ucart_widget_body li.featured_list .thumtitle {
width:180px!important;
padding:0!important;
font-size:12px;
float:left;
}

ul.ucart_widget_body li.featured_list .thumimg {
width:80px;
height:70px;
float:left;
}

ul.ucart_widget_body li.featured_list .thumimg img {
border:2px solid #fff;
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
}

ul.ucart_widget_body .featured-price {
width:180px;
margin-top:5px;
text-align:left;
float:left;
}

ul.ucart_widget_body .featured-price span.price {
font-size:15px;
color:red;
}

ul.ucart_widget_body .featured-price span.tax {
font-size:10px;
}

ul.ucart_widget_body .featured-cat {
width:100%;
margin-top:10px;
text-align:left;
font-size:11px;
float:left;
}

ul.ucart_widget_body .featured-cat a {
width:auto!important;
margin:0!important;
padding:0!important;
display:inline!important;
float:none!important;
}

ul.ucart_widget_body .featured-cat:before {
padding-right:5px;
font-family:"icomoon";
content:"\e90c";
vertical-align:-0.1em!important;
}

/* -------------------------------------------------------------- */


/* [free] --------------- */

.free-area1 {
width:100%;
margin-bottom:20px;
float:left;
}

.free-area2 {
width:100%;
float:left;
}

#free-area-widget {
width:100%;
margin-bottom:20px;
float:left;
}

/* -------------------------------------------------------------- */


/* [sns] --------------- */

#sns-but {
width:100%;
margin-top:20px;
text-align:center;
float:left;
}

#sns-but p {
width:40px;
height:40px;
margin-right:5px;
overflow:hidden;
display:inline-block;
}

#sns-but p a img {
border:1px solid #fff;
}

#sns-but p a img:hover {
transition:all 0.4s ease-in-out;
-webkit-transition:all 0.4s ease-in-out;
-moz-transition:all 0.4s ease-in-out;
transform:rotate(360deg);
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
}

/* -------------------------------------------------------------- */


/* [ps content] --------------- */

#ps-content {
width:100%;
padding-bottom:20px;
float:left;
}

#ps-content p {
margin:10px 0;
}

#ps-content a {
color:blue;
text-decoration:underline;
}

#ps-content h1,
#ps-content h2,
#ps-content h3,
#ps-content h4,
#ps-content h5,
#ps-content h6 {
margin:0 0 0.5em;
padding:0.5em 0 0;
font-weight:bold;
clear:both;
}

#ps-content h1:first-child,
#ps-content h2:first-child,
#ps-content h3:first-child,
#ps-content h4:first-child,
#ps-content h5:first-child,
#ps-content h6:first-child {
padding-top:0;
}

#ps-content h1 {
font-size:3.2em;
}

#ps-content h2 {
font-size:2.5em;
}

#ps-content h3 {
font-size:1.9em;
}

#ps-content h4 {
font-size:1.6em;
}

#ps-content h5 {
font-size:1.2em;
}

#ps-content h6 {
font-size:1em;
}

#ps-content strong {
font-weight:bold;
}

#ps-content dfn,
#ps-content cite,
#ps-content em,
#ps-content i {
font-family:"Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",Verdana,"ヒラギノ角ゴ Pro W3",sans-serif;
font-style:italic;
}

#ps-content ul,
#ps-content ol {
margin:0 0 1.5em;
padding-left:1.5em;
}

#ps-content ul {
list-style:disc;
}

#ps-content ol {
list-style:decimal;
}

#ps-content li > ul,
#ps-content li > ol {
margin-bottom:0;
margin-left:1.5em;
}

#ps-content blockquote {
margin:0 0 25px 0;
padding:30px 55px;
border:1px solid #ccc;
position:relative;
}

#ps-content blockquote:before,
#ps-content blockquote:after {
height:50px;
font-family:"ＭＳ Ｐゴシック",sans-serif;
font-size:90px;
color:#ccc;
position:absolute;
}

#ps-content blockquote:before {
content:'“';
top:5px;
left:10px;
}

#ps-content blockquote:after {
content:'”';
bottom:5px;
right:10px;
}

#ps-content blockquote cite {
padding:20px 0 0 0;
border-top:1px dotted #aaa;
text-align:right;
font-family:"ＭＳ Ｐゴシック",sans-serif;
font-size:14px;
display:block;
}

#ps-content img.alignnone,
#ps-content img.alignleft,
#ps-content img.aligncenter,
#ps-content img.alignright {
width:auto;
height:auto;
max-width:100%;
}

.alignleft {
display:inline;
float:left;
}

.alignright {
display:inline;
float:right;
}

.aligncenter {
display:block;
margin-right:auto;
margin-left:auto;
}

blockquote.alignleft,
.wp-caption.alignleft,
img.alignleft {
margin:0.4em 1.6em 1.6em 0;
}

blockquote.alignright,
.wp-caption.alignright,
img.alignright {
margin:0.4em 0 1.6em 1.6em;
}

blockquote.aligncenter,
.wp-caption.aligncenter,
img.aligncenter {
clear:both;
margin-top:0.4em;
margin-bottom:1.6em;
}

.wp-caption.alignleft,
.wp-caption.alignright,
.wp-caption.aligncenter {
margin-bottom:1.2em;
}

#ps-content .attachment {
width:100%;
padding-bottom:10px;
text-align:center;
float:left;
}

/* -------------------------------------------------------------- */


/* [footer] --------------- */

#top-scroll {
width:50px;
position:fixed;
bottom:40px;
right:40px;
z-index:10;
}

#top-scroll a:before {
font-size:40px;
font-weight:bold;
font-family:"icomoon";
content:"\e90e";
transition:0.4s;
-webkit-transition:0.4s;
-moz-transition:0.4s;
}

#top-scroll a:hover:before {
color:#484848;
}

#footer-in {
width:100%;
text-align:center;
float:left;
overflow:hidden;
clear:both;
position:relative;
}

#footer-box {
width:100%;
padding:20px 0;
border-top:1px solid #e8e8e8;
box-sizing:border-box;
float:left;
}

#footer-nav {
width:50%;
text-align:left;
float:left;
}

#footer-nav #box1,
#footer-nav #box2 {
width:50%;
float:left;
}

#footer-nav li {
width:100%;
float:left;
}

#footer-nav li a {
width:100%;
padding:5px 0;
float:left;
}

#footer-nav li a:before {
padding-right:1px;
font-size:14px;
font-family:"icomoon";
content:"\e911";
vertical-align:-0.14em!important;
}

#footer-nav li ul.children,
#footer-nav li ul.sub-menu {
padding:0 0 0 10px!important;
}

#footer-nav li ul.children li,
#footer-nav li ul.sub-menu li {
margin-bottom:5px!important;
}

#footer-nav li ul.children li a,
#footer-nav li ul.sub-menu li a {
padding:0!important;
}

#footer-nav li ul.children li a:before,
#footer-nav li ul.sub-menu li a:before {
margin-right:1px;
font-size:15px;
font-family:"icomoon";
content:"\e900";
vertical-align:-0.15em!important;
}

#footer-space {
width:50%;
padding-left:15px;
float:left;
box-sizing:border-box;
}

#footer-copy {
width:100%;
padding:20px 0;
background:#3c3c3c;
font-size:13px;
color:#fff;
float:left;
}

#footer-title {
width:100%;
margin-top:10px;
float:left;
}

#footer-title a {
color:#fff;
}

#pc-browser,
#sp-browser {
width:100%;
margin-top:1px;
padding:40px 0 50px;
background:#fff;
text-align:center;
font-weight:bold;
font-size:24px;
float:left;
}

#pc-browser p,
#sp-browser p {
margin:0 10px;
display:inline-block;
}

/* -------------------------------------------------------------- */


/**************************************************
***************************************************
width:[1200px] or less.
***************************************************
**************************************************/

@media screen and (max-width:1200px) {

#wrapper-in {
width:97%;
}

header.site-header {
padding:10px 0;
}

#header-in {
width:97%;
}

header.site-header h2,
header.site-header p.sub-title {
width:100%;
text-align:center;
position:relative;
}

#main-nav,
#sub-nav {
display:none;
}

#sp-nav {
width:290px;
height:100%;
padding:5px;
overflow-y:scroll;
position:fixed;
top:0;
left:-290px;
z-index:3000;
background:#fff;
overflow-scrolling:touch;
-webkit-overflow-scrolling:touch;
box-sizing:border-box;
}

#sp-nav #sub-nav-box {
width:100%;
text-align:center;
float:left;
}

#sp-nav #sub-nav-box li {
width:33.33333%;
margin-bottom:2px;
float:left;
}

#sp-nav #sub-nav-box li.sub-menu-cart a {
float:right;
}

#sp-nav #sub-nav-box li.sub-menu-login a,
#sp-nav #sub-nav-box li.sub-menu-logout a {
display:inline-block;
}

#sp-nav #sub-nav-box li.sub-menu-mypage a {
float:left;
}

#sp-nav #sub-nav-box .menu-item,
#sp-nav #sub-nav-box li span.text,
#sub-nav-box li.header-search span.text {
display:none;
}

#sp-nav #sub-nav-box li a:before {
padding:10px 24px;
color:#fff;
font-size:42px;
float:left;
font-family:"icomoon";
content:"\e900";
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
}

#sp-nav #sub-nav-box li.sub-menu-login a:before {
content:"\ea13";
}

#sp-nav #sub-nav-box li.sub-menu-logout a:before {
content:"\ea14";
}

#sp-nav #sub-nav-box li.sub-menu-cart a:before {
content:"\e93a";
}

#sp-nav #sub-nav-box li.sub-menu-newmember a:before,
#sp-nav #sub-nav-box li.sub-menu-mypage a:before {
content:"\e923";
}

#sp-nav p.member {
width:100%;
margin-bottom:5px;
padding:5px;
border:2px dashed #d3d3d3;
text-align:left;
float:left;
box-sizing:border-box;
}

#sp-nav p.member span.name {
width:100%;
margin-bottom:3px;
float:left;
}

#sp-nav p.member span.name:before {
margin-right:3px;
font-size:24px;
font-family:"icomoon";
content:"\e971";
vertical-align:-0.15em!important;
}

#sp-nav #sub-nav-box li.header-search {
display:none;
}

#sp-nav #header-search-open {
width:100%;
height:auto;
margin-bottom:5px;
padding:0;
background:none;
border:0;
text-align:left;
display:inline;
float:left;
position:static;
left:0;
top:0;
transform:none;
-webkit-transform:none;
-moz-transform:none;
}

#sp-nav #header-search-open .box {
width:100%;
padding:10px;
float:left;
box-sizing:border-box;
}

#sp-nav .box span.header-search-close {
display:none;
}

#sp-nav .box span.header-search-text {
width:100%;
margin-bottom:2px;
font-weight:bold;
float:left;
letter-spacing:0.1em;
}

#sp-nav .header-search-icon {
display:none;
}

#sp-nav #header-search-open .header-search-icon {
display:inline!important;
}

#sp-nav .header-search-icon:before {
padding:5px;
font-size:20px;
}

#sp-nav #header-search-form {
float:left;
}

#sp-nav #header-search-open #h-s {
width:100%;
height:38px;
margin-top:5px;
box-sizing:border-box;
}

#sp-nav #header-search-open .search-select {
width:100%;
background:#fff;
float:left;
}

#sp-nav #header-search-open .search-select select {
width:100%;
height:38px;
float:left;
}

#sp-nav #header-search-submit {
width:50%;
height:38px;
margin-top:5px;
padding:0;
background:#fff;
font-size:18px;
box-sizing:border-box;
}

#sp-nav #main-nav-box {
width:100%;
text-align:left;
}

#sp-nav #main-nav-box ul.sub-menu {
display:inline;
}

#sp-nav #main-nav-box ul.parent {
width:100%;
font-size:16px;
float:left;
}

#sp-nav #main-nav-box ul.parent li {
width:100%;
margin-bottom:1px;
float:left;
}

#sp-nav #main-nav-box ul.parent li a {
width:100%;
padding:13px 2px;
color:#fff;
float:left;
box-sizing:border-box;
}

#sp-nav #main-nav-box ul.parent li a:before {
font-size:14px;
font-family:"icomoon";
content:"\e911";
vertical-align:-0.14em!important;
}

#sp-nav #main-nav-box ul.parent li.menu-item-has-children {
width:100%;
float:left;
}

#sp-nav #main-nav-box ul.parent li.menu-item-has-children a {
padding:7px 0 0;
}

#sp-nav #main-nav-box ul.parent li.menu-item-has-children ul.sub-menu {
width:100%;
padding-bottom:4px;
float:left;
}

#sp-nav #main-nav-box ul.parent li.menu-item-has-children ul li {
margin-bottom:0;
}

#sp-nav #main-nav-box ul.parent li.menu-item-has-children ul li a {
padding:3px 2px 3px 15px;
}

#sp-nav #main-nav-box ul.parent li.menu-item-has-children ul li a:before {
margin-right:10px;
content:"\e900";
letter-spacing:-0.6em;
}

#nav-slide {
width:100%;
height:100%;
background-color:rgba(0,0,0,0.8);
position:fixed;
top:0;
left:0;
z-index:1000;
display:none;
}

#nav-but {
width:30px;
height:auto;
padding:6px;
background:none;
position:absolute;
top:0;
left:0;
z-index:2000;
cursor:pointer;
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
}

#nav-but span {
width:30px;
height:3px;
border-radius:1px;
transition:0.7s ease-in-out;
-webkit-transition:0.7s ease-in-out;
-moz-transition:0.7s ease-in-out;
float:left;
}

#nav-but span:nth-of-type(2),
#nav-but span:nth-of-type(3) {
margin-top:8px;
}

.nav-close {
background:transparent;
}

.nav-close span:nth-of-type(1) {
transform:translateY(12.5px) translateX(0) rotate(315deg);
-webkit-transform:translateY(12.5px) translateX(0) rotate(315deg);
-moz-transform:translateY(12.5px) translateX(0) rotate(315deg);
}

.nav-close span:nth-of-type(2) {
width:0!important;
margin-left:50%;
transform:scale(0);
-moz-transform:scale(0);
-webkit-transform:scale(0);
}

.nav-close span:nth-of-type(3) {
transform:translateY(-9px) translateX(0) rotate(-315deg);
-webkit-transform:translateY(-9px) translateX(0) rotate(-315deg);
-moz-transform:translateY(-9px) translateX(0) rotate(-315deg);
}

.nav-close nav {
transform:translateX(100%);
-moz-transform:translateX(100%);
-webkit-transform:translateX(100%);
}

.free-area1,
#free-area-widget {
margin-bottom:20px;
}

#widget-area {
width:100%;
float:left;
}

aside.widget {
margin-bottom:20px;
}

#search {
width:100%;
box-sizing:border-box;
}

#searchform {
box-sizing:border-box;
}

.ucart_search_body li {
width:100%!important;
box-sizing:border-box;
}

.ucart_search_body .searchtext {
width:100%;
box-sizing:border-box;
}

.ucart_search_body .search-select {
width:70%;
box-sizing:border-box;
}

.ucart_search_body .search-select select {
width:100%;
box-sizing:border-box;
}

.ucart_search_body #searchsubmit {  
width:25%;
box-sizing:border-box;
}

ul.ucart_login_body li a {
width:100%;
text-align:left;
box-sizing:border-box;
}

.ucart_login_body .login-member a {
text-align:center;
}

.widget_welcart_bestseller .txranking-item-in span.img,
ul.ucart_widget_body li.featured_list .thumimg {
width:25%;
height:auto;
}

.widget_welcart_bestseller .txranking-item-in span.img img,
ul.ucart_widget_body li.featured_list .thumimg img {
box-sizing:border-box;
}

.widget_welcart_bestseller .txranking-item-in span.number,
.widget_welcart_bestseller .txranking-item-in span.title,
ul.ucart_widget_body li.featured_list .thumtitle,
ul.ucart_widget_body .featured-price,
.widget_welcart_bestseller span.ranking-cat,
ul.ucart_widget_body .featured-cat {
width:75%;
}

.widget_welcart_featured {
margin:0 0 20px!important;
}

#top-scroll {
width:50px;
right:10px;
bottom:15px;
}

#sns-but {
width:100%;
margin-top:20px;
padding-left:0;
}

#sns-but p {
margin:0 1px;
}

#sns-but p img {
width:80%;
height:auto;
}

#footer-in {
width:100%;
}

#footer-box {
width:100%;
padding:10px;
}

#footer-nav {
width:100%;
}

#footer-nav li {
width:100%;
}

#footer-space {
width:100%;
margin-top:20px;
padding-left:0;
}

#footer-copy {
padding:10px 0;
}

}

/**************************************************
***************************************************
width:[480px] or less.
***************************************************
**************************************************/

@media screen and (max-width:480px){

header.site-header h2 img,
header.site-header p.sub-title img {
width:60%;
height:auto;
}

.widget_welcart_bestseller span.ranking-cat,
ul.ucart_widget_body .featured-cat {
width:100%;
margin-top:10px;
}

}