@charset "utf-8";
@import "footer.css";
/*-----------------------------------------------------------------------------------
 Welcome to minimum.css
-----------------------------------------------------------------------------------*/

/*********************************************************************/
/*********************************************************************/
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body::before{
  content:"";
  display: block;
  width:100%;
  height:6px;
  background : -moz-linear-gradient(0% 50% 0deg,rgba(129, 221, 171, 1) 0%,rgba(59, 129, 224, 1) 100%);
  background : -webkit-linear-gradient(0deg, rgba(129, 221, 171, 1) 0%, rgba(59, 129, 224, 1) 100%);
  background : -webkit-gradient(linear,0% 50% ,100% 50% ,color-stop(0,rgba(129, 221, 171, 1) ),color-stop(1,rgba(59, 129, 224, 1) ));
  background : -o-linear-gradient(0deg, rgba(129, 221, 171, 1) 0%, rgba(59, 129, 224, 1) 100%);
  background : -ms-linear-gradient(0deg, rgba(129, 221, 171, 1) 0%, rgba(59, 129, 224, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#81DDAB', endColorstr='#3B81E0' ,GradientType=0)";
  background : linear-gradient(90deg, rgba(129, 221, 171, 1) 0%, rgba(59, 129, 224, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#81DDAB',endColorstr='#3B81E0' , GradientType=1);
}
body {
  font-size: 100%;
  margin: 0px;
  padding: 0px;
  line-height: 150%;
  word-wrap: break-word;
  /*color: #666;*/
  color: #3e271d;
  /*border-top: 6px solid #444;*/
  background: #fff;
  font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Helvetica,Arial,sans-serif;
  }
  * html body { /* for lte ie6 */
    font-size: 85%;
    vertical-align: baseline;
    }
  *:first-child+html body { /* for ie7 */
    font-size: 85%;
   }
   html>/**/body  { /* for ie8 */
   font-size: 85%;
   }

  html:not(:target) body { font-size: 13px;}


/*********************************************************************/
/* CSSリセット */
/*********************************************************************/

img {
  margin: 0px;
  padding: 0px;
  border-style: none;
}
a {
  /*color: #666;*/
  color:#3e271d;
  text-decoration: none;
}
a:hover {
  color: #66cccc;
  color: #ccc;
  text-decoration: none;
}
/* -- ul,li -- */
ul, li {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
/* -- p -- */
p {
  margin: 0px;
  padding: 0px;
  line-height: 1.75;
}
/* -- text -- */
.textleft,
div.textleft {
  text-align: left;
}
.textright,
div.textright {
  text-align: right;
}
.textcenter,
div.textcenter {
  text-align: center;
}
/* -- float -- */
.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;
}
#main {
  margin: 0px;
  padding: 20px 0px;
 }
 .home #main { padding: 0;}
#content {
  height: 100%;
  padding: 0;
  float: right;
  margin-bottom: 240px;
  margin-bottom: 80px;
}
  .two-column,
  .member-page,
  .search-page,
  .category-page,
  .cart-page,
  .item_data {
    width: 780px;
    /*overflow: hidden; */
    margin: 0;
  }
#leftbar {
  width: 180px;
  margin: 0px;
  padding: 0px;
  float: left;
  }


/*********************************************************************/
/* ヘッダー（ロゴ、タグライン、ナビゲーション） */
/*********************************************************************/

#header {
  width: 100%;
  margin: 0 0 0px 0;
  padding: 60px 0 20px 0;
  /*position: relative;*/
  display: flex;
  display: -webkit-flex;
  border-bottom:1px solid #998675;
}

h1#site-title,
div#site-title {
  margin: 0px;
  padding: 0px 0px 10px 0px;
  font-size: 40px;
  font-family: Helvetica;
  font-weight: bold;
  font-family: Lato,Verdana,Arial,sans-serif;

  }
  h1#site-title a,
  div#site-title a { color: #111; text-decoration: none; cursor: pointer; }

p.discprition {
  margin: 0px;
  padding: 0px 0px 0px 0px;
  font-size: 12px;
}

.topbanner {
  margin: 0 0 30px 0;
  width: auto;
  height: auto;
}
.headerslider {
  margin: 0 0 30px 0;
  width: auto;
  height: auto;
}
.headerslider .pika-thumbs { display: none;}

#header a.shasin2 {
  margin: auto 0;
  padding-left: 10px;
  padding-bottom: 14px;
}

#header a.shasin2 span.shasin {
  padding: 5px 10px;
  border-radius: 3px;
  border: 1px solid #3E271D;
  color: #3E271D;
}

#header a.shasin2 span.shasin:hover {
  background: #00A99D;
  border-style: solid;
  border-color: #00A99D;
  border-width: 1px;
  border-radius: 3px;
  color: #fff;
  padding: 5px 10px;
  transition: 1s;
}

@media screen and (max-width:770px) {

  #header a.shasin2 {
    padding-left: 0px;
  }

}

/* -- mainnavi -- */
div.mainnavi,
ul.mainnavi {
  padding: 0px;
  margin: -25px 0 10px 0;
  border-right: 1px solid #333;
  text-align: right;
}
  div.mainnavi ul li,
  ul.mainnavi li {
    padding: 0px;
    margin: 0px;
    display: inline-block;
    *display: inline;
  *zoom: 1;
    position: relative;
  }
    div.mainnavi li a,
    ul.mainnavi li a {
      border-left: 1px solid #333;
      padding: 0px 30px;
      margin: 0px;
      display: block;
      font-weight: bold;
      font-size: 13px;
      text-align: center;
    }
      div.mainnavi li a:hover,
      ul.mainnavi li a:hover {
        text-decoration: none;
        }

/* -- subnavi -- */
.utilities {
  /*width: 500px;
  position: absolute;
  top: 0px;
  right: 0;
  text-align: right;*/
  margin-left: auto;
}
ul.subnavi {
  margin: 0;
  padding: 0;
  font-size: 0.9em;
}
ul.subnavi li {
  margin: 0px;
  padding: 0;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
ul.subnavi a {
 /*color: #333;*/
 color:#3e271d;
 font-weight: bold;
  display: inline-block;
  margin: 0 0 0 20px;
 padding: 15px 0 15px 24px;
 }

ul.subnavi li a {
  background: url(../images/icons.png) no-repeat 2px -47px;
  }


ul.subnavi li a.cart {
 position: relative;
  }
  ul.subnavi li a.cart span.totalquantity {
  position: absolute;
  left: 8px;
  top: 3px;
  font-size: 10px;
  }
  ul.subnavi li a.cart span.totalprice {
  /*background: #f7f7f7;
  color: #999;*/
  color:#3e271d;
  padding: 4px 10px;
  margin: 0 0 0 3px;
  font-size: 11px;
    -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  }
  ul.subnavi li a.cart span.totalprice em { font-style: normal;}

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: #c5b44f;
  padding: 10px 5px;
  font-size: 0.9em;
  margin: 0 0 15px 0;
  }
  .footer_explanation {margin: 15px 0;}

/*********************************************************************/
/* カートページ_共通（Welcart_basicをWelcart_defaultと同じCSSにする） */
/*********************************************************************/
div.cart_navi ul{
  margin:0 0 20px 0;
  padding:0;
  width: auto;
  display: block;
  min-height: 1px;
}
div.cart_navi li{
  width:24.9%;
  float: left;
  margin: 0;
  height:40px;
  line-height: 40px;
  background-color:#f8f8f8;
  /*color: #333;*/
  color:#3e271d;
  font-weight: bold;
  font-size: 12px;
  counter-increment: item;
  position: relative;
}
div.cart_navi li::before{
  content:counter(item)"";
  background-color: #d0d0d0;
  color:#FFF;
  text-align: center;
  vertical-align: middle;
  line-height: 20px;
  font-size:11px;
  height:18px;
  width:18px;
  margin:-2px 6px 0 20px;
  display: inline-block;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  border-radius: 50%;
}

div.cart_navi li.current{
  background-color:#f6ebae;
}
div.cart_navi li.current:not(.uscconfirm)::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-color:#f6ebae;

}

/*********************************************************************/
/* サイドバーウィジェット（Welcart_defaultのセレクタをベースに必要な部分だけリライトしています） */
/*********************************************************************/

/* -- widget -- */
.sidebar li.widget {
  padding: 0px 0px 10px 0px;
}
.sidebar .widget_title {
  width: auto;
  margin: 0 0 10px 0;
  /*padding: 3px 0;*/
  padding: 10px 6px;
  /*border-bottom: 1px solid #ddd;*/
  border-bottom: 1px solid #998675;
  font-size: 0.9em;
  line-height: 1;
  font-weight: normal;
  background-color:#3A271D;
  color:#fff;
}

.sidebar .widget_tag_cloud .widget_title {
  padding: 5px 10px 0px 5px;
  border: none;
}
.sidebar .widget_title>img {  display: none; /* hide default frumpy images */}
.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;*/
  border-bottom: 1px solid #998675;
  padding: 13px 7px;
  /*color: #555;*/
  color:#3A271D;
  }
  .sidebar .widget_welcart_category li a:hover { background: #f9f9f9;}
  .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: url('../images/icons.png') no-repeat 50% -157px;
  background-color: #F7F7F7;
  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; /* hide default useless search */}


/*****************************************/
/* ウィジェット：ログイン */
/*****************************************/
.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;
  }


/*********************************************************************/
/* コンテンツの共通 CSS */
/*********************************************************************/
#content section {
  line-height: 1.8;
  }
#content .storycontent p { margin: 0 0 1.5em 0;}
#content .storycontent a {
  color: #b69f1a;
  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 {
  /*color: #333;*/
  /*color: #555;*/
  color:#3e271d;
  font-weight: normal;
  margin: 0 0 30px 0;
  font-size: 1.8em;
  line-height: 1.2;
  border-bottom: 2px solid #998675;
  padding: 0 0 10px 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;
  text-align: right;
  font-size: 11px;
  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 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 .blogindex .postsummary {
  margin: 0 0 50px 0;
}
#content .entry p {
  padding: 0 0 0.7em 0;
}

#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;
  }


/* catbox */
#content .catbox {
  width: auto;
  height: 100%;
}
/* page_box */
#content .page_box {
  width: auto;
  margin: 0px;
  padding: 30px 20px;
  background-color: #FFFFFF;
}

/* thumbnail_box */
#content .rcmnd,
#content .thumbindex {
  width: 780px;
  margin-right: -30px; /* megative margin for IE */
  letter-spacing: -.40em;
  box-sizing: border-box;
}
#content .rcmnd p,
#content .thumbindex p { letter-spacing: normal; }

#content .thumbnail_box {
 letter-spacing: normal;
  /*width: 230px;*/
  width: 250px;
  /*margin: 0 30px 30px 0;*/
  margin-bottom: 30px;
  vertical-align: top;
  padding: 0;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  overflow: hidden;
}
.thumbnail_box.m_space {
  margin-left: 15px;
}

.thumbnail_box .thumimg {
  vertical-align: bottom;
  overflow: hidden;
  max-height: 170px;
  margin: 0 0 8px 0;
  }
  .thumbnail_box .thumimg a{
  text-align: center;
  display: block;
  }
.thumbnail_box .thumtitle {
  width: auto;
  line-height: 1.2;
  margin: 0 0 0px 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;*/
  color:#3A271D;
}

.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;
}

/* cms-pagination */
.cms-pagination {
  width: 100%;
  overflow: hidden;
  margin-top: 40px;
}

.cms-pagination ul {
  position: relative;
  float: left;
  left: 50%;
  margin-bottom: 12px;
}

.cms-pagination ul li {
  position: relative;
  float: left;
  left: -50%;
  width: 34px;
  height: 38px;
  display: table;
  margin: 0 2px;
  display: none;
}

.cms-pagination ul li.pagination-no-num {
  width: 50px;
  display: table;
}

.cms-pagination ul li.pagination-no-num span {
  background: #eee;
  border: 1px solid #00A99D;
  color: #ccc;
}

.cms-pagination ul li.pagination-sp {
  display: table;
}

.cms-pagination ul li a,
.cms-pagination ul li span {
  width: 100%;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  position: relative;
  border: 1px solid #00A99D;
  background: #fff;
}

.cms-pagination ul li a:before,
.cms-pagination ul li span:before {
  position: absolute;
  display: block;
  content: '';
  width: 96%;
  height: 2px;
  background: #ccc;
  bottom: -3px;
  left: 2%;
}

.cms-pagination ul li span {
  background: #00A99D;
  border: 1px solid #00A99D;
  color: #fff;
}

.pagination-txt {
  clear: both;
  text-align: center;
  margin-bottom: 40px;
}

.pagination-txt span {
  color: #3e271d;
}
.pagination {
  clear:both;
  text-align: center;
  }
  /*ページャーのレスポンシブスタイル*/
  @media print,screen and (min-width: 1024px) {
    .cms-pagination ul li {
        width: 40px;
        height: 44px;
        margin: 0 3px;
        display: table;
    }
    .cms-pagination ul li a {
        -webkit-transition: background 0.3s ease;
        -moz-transition: background 0.3s ease;
        transition: background 0.3s ease;
    }
    .cms-pagination ul li a:hover {
        background: #00A99D66;
        color:#fff;
        -webkit-transition: background 0.3s ease;
        -moz-transition: background 0.3s ease;
        transition: background 0.3s ease;
    }
    .cms-pagination ul li.pagination-no-num {
        width: 60px;
    }
    li.pagination-no-num.pagination-sp.ten {
      display: none;
  }

    .pagination-txt {
        margin-bottom: 60px;
    }
  }


.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: bold;
 font-size: 0.9em;
 margin-bottom: 20px;
 }

/* ご利用ガイド */
section.guide {
 padding: 0 0 40px 0px;
 }
 .guide h2 {
  padding: 14px 15px;
  margin: 40px 0 20px 0px;
  font-size: 1.2em;
  line-height: 1;
  background: #fbfbf7;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  }
  .guide ol li {
    list-style-type: decimal;
    margin: 0 0 2em 0;

  }

/* 特定商取引法に基づく表記のテーブル */
table.legalinfo {
  width: 100%;
  margin: 0 0 20px 0px;
  border-collapse: collapse;
  }
  table.legalinfo th {
  white-space: nowrap;
   border-bottom: 1px dotted #e6e6e6;
   border-left: none;
  color: #555;
  font-weight: bold;
  border-right: none;
  text-align: left;
  width: 25%;
  }
  table.legalinfo td {
   border-bottom: 1px dotted #e6e6e6;
  color: #4c4c4c;
  }
  table.legalinfo th,
  table.legalinfo td {
  text-align: left;
  padding: 15px 0px;
  }


/* 管理者ログイン中に、画面上に表示される「Edit」リンクが邪魔なので表示しないようにする */
.post-edit-link { display: none; }



/*********************************************************************/
/* フッター */
/*********************************************************************/

footer{
  clear: both;
}
#footer {
  width: auto;
  border-top: 2px solid #eee;
  padding: 20px 0;
  text-align: right;
}
#footer p {
  margin: 0px;
  padding: 0px;
}
#footer p.copyright {
  font-size: 12px;
}
#footer p.credit {
  margin-top: 20px;
  font-size: 10px;
  text-align: right;
}
#footer ul.footernavi {
  padding: 0px;
  margin: 0px;
}
#footer li {
  display: inline;
  white-space: nowrap;
  margin: 0px;
  padding: 0px 20px;
  font-size: 0.9em;
  }


/*********************************************************************/
/* フォーム */
/*********************************************************************/

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;
  }

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;*/
  border: solid 1px #998675;
  -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: 13px 30px;
  background-color: #333;
  border: none;
  color: #fff;
    -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;
}
/*
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.button:visited {
  display: inline-block;
  width:240px;
  height:40px;
  border: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  text-decoration: none;
  font-weight: normal;
  background-color: #fff;
  color: #00A99d;
  border: 2px solid #00A99D;
  font-size: 16px;
  cursor: pointer;
}

input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.button:hover,
.button:visited:hover,
.button:focus,
.button:visited:focus {

  border: 2px solid #00A99D;
  background-color: #00a99d;
  color: #fff;
  box-sizing: border-box;

}*/

/* Positive buttons （目立つボタン）*/
input[type="submit"].to_customerinfo_button,
input[type="submit"].to_confirm_button,
input[type="submit"].checkout_button,
input[type="submit"].to_memberlogin_button,
input[type="submit"].skubutton,
input[type="submit"].editmember,
input[type="submit"].deletemember,
input[type="submit"].member_login_button,
#newmember input[type="submit"],
input[type="submit"]#member_login,
#memberpages p#nav a{
  /*background: #ff6767;*/
  /*background-color: #00a99d;*/
  display: inline-block;
  width:240px;
  height:40px;
  border: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  text-decoration: none;
  font-weight: normal;
  background-color: #00a99d;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
  padding:0;
  border: 2px solid #00A99D;
  transition: 0.3s;
}
input[type="submit"].to_customerinfo_button:hover,
input[type="submit"].to_confirm_button:hover,
input[type="submit"].checkout_button:hover,
input[type="submit"].to_memberlogin_button:hover,
input[type="submit"].skubutton:hover,
input[type="submit"].editmember:hover,
input[type="submit"].deletemember:hover,
input[type="submit"].member_login_button:hover,
#newmember input[type="submit"]:hover,
input[type="submit"]#member_login:hover,
#memberpages p#nav a:hover{
  border: 2px solid #00A99D;
  background-color: #fff;
  color: #00a99d;
  /*box-sizing: border-box;*/

}
#memberpages p#nav a{
  text-align: center;
  line-height: 40px;

}

/* Negative buttons （目立たなくて良いボタン）*/
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"],
input[type="button"].top{
  /*background: #bebebe;
  border: none;*/
  display: inline-block;
  width:240px;
  height:40px;
  border: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  text-decoration: none;
  font-weight: normal;
  border: 2px solid #00A99D;
  background-color: #fff;
  color: #00A99d;
  box-sizing: border-box;
  font-size: 16px;
  cursor: pointer;
  padding:0;
  transition: 0.3s;

  }
input[type="submit"].delButton{
  width:120px;
}
input[type="submit"].back_to_customer_button:hover,
input[type="submit"].back_cart_button:hover,
input[type="submit"].back_to_delivery_button:hover,
input[type="submit"].delButton:hover,
input[type="button"].continue_shopping_button:hover,
.upbutton input[type="submit"]:hover,
input[type="button"].top:hover {
  border: 2px solid #00A99D;
  background-color: #00a99d;
  color: #fff;
  box-sizing: border-box;
}
input[type="submit"].delButton,
.upbutton input[type="submit"] {  padding: 5px 15px;}
.upbutton { text-align: right; }


/*********************
CLEARFIXIN'
*********************/
#main:after,
.clearfix:after,
section:after,
.usccart_navi ol:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
#main,
.clearfix,
section,
.usccart_navi ol {
  display: inline-table;
  min-height: 1px;
}
* html .clearfix,
* html #main,
* html section,
* html .usccart_navi ol {
  height: 1px;
}
.clearfix,
#main,
section,
.usccart_navi ol {
  display: block;
}
.clear {
  clear: both;
}


/********************************************************************
jQueryプラグイン『pikachoose』を利用しています。
その他の写真ギャラリーの見せ方をしたい場合は、お好みのプラグインを探してみて下さい。
Item Photogallery by http://www.pikachoose.com/
********************************************************************/

.pikachoose { width: 750px; margin: 0 0 30px 0;}

/* Style the thumbnails */
.pika-thumbs{ padding: 0 0px; height: 160px; }
  .pika-thumbs li{
    width: 245px;
    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;}

/* The stage is the wrapper. The image fills 100% the height of the stage */
.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; }

/* Ths play, pause, prev and next buttons */
.pika-imgnav a { position: absolute; font-size: 0; display: block;z-index:3;}
  .pika-imgnav a.previous {background: url(../images/prev.gif) no-repeat left 45%; height: 100%; width: 40px; top: 0px; left: -2px;cursor:pointer;}
  .pika-imgnav a.next {background: url(../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;
   }
/* The previous and next textual buttons */
.pika-textnav { display: none;}



/*for the tool tips*/
.pika-counter{
 position: absolute;
 bottom: 10px;
 right:10px;
 padding: 3px 6px;
 color:#777;
 background:rgba(255,255,255,0.7);
 font-size:10px;
 }

/* If using user thumbnails there's a pause well the new large image loads. This is the loader for that */
.pika-loader{ background:url(../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: 160px; width: 750px;}
.jcarousel-skin-pika .jcarousel-item-horizontal { margin-right: 10px;}


#itempage .item-description p{
  font-size: 14px;
}