@charset "UTF-8";
.pc {
  display: block;
}

.pci {
  display: inline-block;
}

.sp {
  display: none;
}

.spi {
  display: none;
}

@media screen and (max-width: 768px) {
  .sp {
    display: block;
  }
  .spi {
    display: inline-block;
    width: 100%;
    height: auto;
    max-height: auto;
  }
  .pc {
    display: none;
  }
  .pci {
    display: none;
  }
}

/*=====================================================================================================================
*======================================================================================================================
*
*
*======================================================================================================================
=====================================================================================================================*/
#NewsSection {
  padding-bottom: 10px;
}

#NewsSection table {
  width: 100%;
  border-collapse: collapse;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 20px;
}

#NewsSection table th,
#NewsSection table td {
  padding: 10px;
  border: 1px solid #ccc;
}

#NewsSection table th {
  background-color: #eee;
  text-align: left;
}

@media screen and (max-width: 400px) {
  #NewsSection table {
    border-top: 1px solid #fff;
  }
  #NewsSection table td {
    display: block;
  }
  #NewsSection table th {
    padding-top: 1px;
    padding-bottom: 1px;
    display: block;
    text-align: center;
  }
  #NewsSection td:before,
  #NewsSection td:after {
    display: table;
    content: " ";
  }
  #NewsSection td:after {
    clear: both;
  }
}

#NewsSection article {
  margin-bottom: 35px;
  padding-bottom: 40px;
  border-bottom: 1px solid #DBDBDB;
}

@media screen and (max-width: 768px) {
  #NewsSection article {
    margin-bottom: 20px;
    padding-bottom: 25px;
  }
}

#NewsSection article:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

#NewsSection article h3 {
  line-height: 1.8em;
  font-size: 18px;
}

@media screen and (max-width: 768px) {
  #NewsSection article h3 {
    font-size: 16px;
  }
}

#NewsSection article.tableContainer h3 {
  margin-bottom: 40px;
}

#NewsSection article.tableContainer .red {
  color: #C04B4B;
  margin-top: 8px;
  font-size: 13px;
}

#NewsSection article.tableContainer .block {
  border-bottom: 1px dotted #D4D4D4;
}

#NewsSection article.tableContainer .block:last-child {
  border-bottom: none;
}

#NewsSection article.tableContainer .block h4 {
  font-size: 17px;
  font-weight: bold;
  color: #000000;
  margin-left: -7px;
  margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
  #NewsSection article.tableContainer .block h4 {
    font-size: 16px;
  }
}

#NewsSection article.tableContainer .block .box {
  margin-bottom: 35px;
}

#NewsSection article.tableContainer .block .box:last-child {
  margin-bottom: 0;
}

#NewsSection article.tableContainer .block .box h5 {
  font-size: 14px;
  margin-bottom: 15px;
}

#NewsSection article.tableContainer .block .box .table {
  border: solid 1px #DBDBDB;
  border-width: 0 1px 1px 0;
  display: table;
  width: 100%;
  margin-bottom: 0;
}

#NewsSection article.tableContainer .block .box .table dl {
  display: table-row;
}

#NewsSection article.tableContainer .block .box .table dl dt,
#NewsSection article.tableContainer .block .box .table dl dd {
  background: #F4F4F4;
  font-size: 13px;
  border: solid 1px #DBDBDB;
  border-width: 1px 0 0 1px;
  margin: 0;
  padding: 16px;
  display: table-cell;
  vertical-align: top;
}

@media screen and (max-width: 768px) {
  #NewsSection article.tableContainer .block .box .table dl dt,
  #NewsSection article.tableContainer .block .box .table dl dd {
    display: block;
    width: 100% !important;
    padding: 15px 15px;
    box-sizing: border-box;
  }
}

#NewsSection article.tableContainer .block .box .table dl dt {
  width: 15%;
}

#NewsSection article.tableContainer .block .box .table dl dd {
  background: #FFFFFF;
  width: 85%;
}

#NewsSection article.tableContainer .block .box .table dl dd a {
  color: #77939D;
  font-size: 12px;
  display: inline-block;
  margin-left: 20px;
}

#NewsSection article.tableContainer .block .productWrapper .product {
  display: inline-block;
  margin-right: 10px;
}

@media screen and (max-width: 768px) {
  #NewsSection article.tableContainer .block .box .table dl dd a {
    display: block;
    margin-left: 0;
    margin-top: 5px;
  }
}

body {
  color: #333;
}

h1, h2, h3, h4, h5 {
  font-size: inherit;
}

.cl_b {
  clear: both;
}

@media screen and (min-width: 768px) {
  .pc_only {
    display: block;
  }
  .sp_only {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .pc_only {
    display: none;
  }
  .sp_only {
    display: block;
  }
}

/*======================================================

coment

======================================================*/
.list_item {
  padding: 20px;
}

.item_info .row > div {
  padding: 10px;
}

* {
  outline: none;
}

body {
  line-height: 2;
}

.page-story .footer {
  display: none;
}

.contents.general_page {
  margin-top: 0;
}

div.login_hader {
  width: 100%;
  position: absolute;
  background-color: #ccc;
  overflow: hidden;
}

ul.login {
  overflow: hidden;
  margin: 0;
  padding: 0 20px;
  text-align: right;
  background: #f8f8f8;
}

ul.login li {
  list-style: none;
  display: inline-block;
}

ul.login li a {
  padding: 5px 10px;
  display: inline-block;
}

.login_btn {
  background-color: #1d71ba;
}

.login_btn a {
  color: #fff;
}

/*======================================================

header

======================================================*/
a#header_title {
  top: 20px;
  margin-top: 0px;
  text-align: center;
  height: auto;
  display: inline-block;
  color: #000;
}

a#header_title .shop_name {
  line-height: 1;
  margin: 0;
  margin-bottom: 5px;
  font-size: 1.4em;
  letter-spacing: 0.2em;
}

a#header_title .shop_name_sub {
  line-height: 1;
  margin: 0;
  font-family: gothic;
  font-size: 50%;
  letter-spacing: 0.15em;
}

@media (max-width: 767px) {
  a#header_title {
    width: 100%;
    top: 15px;
    left: 0;
  }
}

@media (max-width: 767px) {
  #navbar li a {
    text-align: right;
  }
}

.navbar-toggle {
  z-index: 2;
}

#memberpages div.loginbox {
  box-sizing: content-box;
}

@media screen and (max-width: 767px) {
  ul.login {
    padding: 0;
  }
}

/*======================================================

bootstrap fix

======================================================*/
.thumbnail {
  display: inherit;
  padding: 0;
  margin-bottom: 0;
  line-height: inherit;
  background-color: #999999;
  border: none;
  border-radius: 0;
}

table .thumbnail {
  display: table-cell;
  background-color: transparent;
}

/*======================================================

coment

======================================================*/
.right-container {
  float: right;
}

@media (max-width: 991px) {
  .right-container {
    float: none;
    padding: 0;
  }
}

/*======================================================

side

======================================================*/
#side_wrap {
  clear: left;
}

.side-nav h2.genre_txt {
  margin-bottom: 20px;
}

/*side logp*/
@media screen and (min-width: 992px) {
  ul.side_munian {
    padding-top: 115%;
    background-image: url(../images/new_logo.svg);
    background-size: 100% auto;
    background-repeat: no-repeat;
  }
  .onlineshop .side-nav {
    margin-bottom: 56px;
    padding-top: 0;
  }
  .onlineshop .side-nav.general {
    margin-bottom: 0px;
  }
  .onlineshop .side-nav.general .list-unstyled {
    margin-bottom: 0;
  }
  .side-nav h2.genre_txt {
    display: none;
  }
  #side_wrap {
    text-align: left;
  }
}

@media screen and (max-width: 991px) {
  #side_wrap {
    text-align: center;
  }
}

/*======================================================

category

======================================================*/
.thumbnail_box {
  width: 23.8%;
  margin-left: 1%;
  float: left;
  display: inline;
}

.thumbnail_box_inner {
  text-align: center;
}

.thumimg {
  margin: 0 0 8px 0;
}

.thumbnail_box .thumtitle {
  font-size: 13px;
  line-height: 2.2;
}

.thumbnail_box .price {
  font-weight: bold;
  font-size: 13px;
  margin: 0;
}

@media screen and (max-width: 767px) {
  .thumbnail_box {
    width: 100%;
    margin-left: 0;
    float: none;
    display: block;
  }
}

/*======================================================

itempage

======================================================*/
/*======================================================
	#itempage基本構成
	======================================================*/
#item_info {
  overflow: hidden;
}

.item_basic_info,
.item_add_info1,
.item_form_info,
.item_content_info {
  margin-bottom: 20px;
}

.item_content_info {
  font-size: 1.1em;
  padding: 10px;
}

.item_basic_info {
  font-size: 140%;
  padding-top: 30px;
}

.item_add_info2 {
  padding: 20px;
  border: 1px solid #ddd;
  line-height: 1.8;
  margin-bottom: 20px;
}

#itempage .itemimg {
  width: 40%;
  margin-right: 10px;
  float: left;
}

#itempage .item_images {
  text-align: center;
}

@media screen and (max-width: 767px) {
  #itempage .itemimg {
    width: auto;
    margin-right: 0px;
    float: none;
  }
}

/*======================================================
	fix
	======================================================*/
#itempage .skuform {
  margin-bottom: 15px;
  background-color: #f8f8f8;
  padding: 20px;
}

#itempage .skuform table {
  margin: 0px auto;
  margin-bottom: 20px;
  width: 100%;
}

#itempage .skuform table td,
#itempage .skuform table th {
  padding: 10px;
}

#itempage .skuform table td,
#itempage .skuform .skuquantity {
  font-family: gothic;
  color: #333;
  background-color: #fff;
}

#itempage .skuform div {
  text-align: center;
}

#itempage .skuform .skuquantity {
  width: 50px;
  padding-right: 4px;
  padding-left: 4px;
  text-align: center !important;
  background-color: #fff;
  border: 1px solid #ccc;
}

#item_single .title-2 {
  color: inherit;
  background-color: inherit;
  padding: 3px 5px;
}

.skubutton {
  display: block;
  width: 100%;
  background-color: #7d6646;
  color: #fff;
  margin-top: 20px;
  line-height: 40px;
}

/*********************************************************************/
/* wc_item_single Start */
/*********************************************************************/
#itempage .item_basic_info h2.item_name {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 5px;
}

#itempage .item_basic_info .price {
  font-size: 18px;
  font-weight: normal;
}

/* Welcart Item single page CSS Start */
span.price {
  margin: 0px;
  padding: 0px;
  font-size: 140%;
  font-weight: bold;
  color: #ED5B14;
}

span.cprice {
  font-size: 12px;
  font-weight: normal;
  text-decoration: line-through;
}

em.tax {
  font-size: 0.7em;
  font-weight: normal;
  text-decoration: none;
  font-style: normal;
  color: inherit;
  letter-spacing: 0em;
}

dl.itemGpExp {
  margin: 0px;
  padding: 0px;
}

dl.itemGpExp dt {
  height: 16px;
  margin: 0px;
  background-image: url("images/gp.gif");
  background-repeat: no-repeat;
  background-position: left center;
  padding: 3px 0px 0px 30px;
  font-size: 13px;
  font-weight: bold;
  color: #FF3333;
}

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;
  font-size: 13px;
  letter-spacing: 1px;
}

#itempage .exp {
  min-height: 220px;
  margin-bottom: 10px;
}

*:first-child + html #itempage .exp {
  display: inline;
}

#itempage form {
  width: auto;
  height: auto;
  margin: 0px;
  padding: 0px;
}

#itempage .itemsubimg {
  margin-bottom: 10px;
}

#itempage .itemsubimg img {
  width: 135px;
  height: 135px;
  padding: 5px;
}

#itempage table.skusingle {
  margin: 0px 0px 10px 0px;
  padding: 0px;
}

#itempage table.skusingle td {
  margin: 0px;
  padding: 3px 10px 3px 0px;
}

#itempage table.skumulti {
  width: 100%;
  margin-top: 0px 0px 10px 0px;
  padding: 0px;
  border: 2px solid #CCC;
  border-collapse: collapse;
}

#itempage table.skumulti th {
  margin: 0px;
  padding: 3px;
  background-color: #E6E6E6;
  border-right: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
  font-size: 12px;
  font-weight: normal;
  text-align: center;
}

#itempage table.skumulti th.thborder {
  border-bottom: 2px solid #CCC;
}

#itempage table.skumulti td {
  margin: 0px;
  padding: 3px;
  border-right: 1px solid #D9D9D9;
  border-bottom: 2px solid #CCCCCC;
}

#itempage table.skumulti td.subborder {
  border-bottom: 1px solid #D9D9D9;
}

#itempage table.skumulti td.skudisp {
  font-weight: bold;
}

#itempage .assistance_item {
  width: auto;
  padding: 0px;
}

#itempage .assistance_item h3 {
  height: 18px;
  margin-left: 0px;
  margin-bottom: 10px;
  padding: 3px 5px;
  background-color: #999999;
  color: #FFFFFF;
  font-size: 14px;
  line-height: 18px;
}

#itempage .assistance_item ul {
  margin: 0px;
  padding: 0px;
  list-style-image: none;
  list-style-type: none;
}

#itempage .assistance_item li {
  width: 312px;
  margin: 0px;
  float: left;
  padding: 0px 0px 10px 0px;
}

#itempage .assistance_item .listbox {
  width: auto;
  margin-right: 10px;
  padding: 10px;
  background-color: #f9f9f9;
  border: 1px solid #cccccc;
}

#itempage .assistance_item .slit {
  width: 100px;
  height: 100px;
  overflow: hidden;
  float: left;
}

#itempage .assistance_item .detail {
  width: auto;
  margin: 0px;
  padding-top: 5px;
  padding-left: 115px;
}

#itempage .assistance_item h4 {
  margin: 0px 0px 5px 0px;
  padding: 0px;
  color: #660000;
  font-size: 12px;
  font-weight: bold;
  line-height: 150%;
}

#itempage .assistance_item .detail p {
  margin: 0px;
  padding: 0px;
  color: #333333;
  font-size: 11px;
  line-height: 150%;
}

.page_content {
  padding: 10px;
}

/* Welcart Item single page CSS End */
/*======================================================

old_style fix

======================================================*/
.category .contents,
.single .contents {
  margin-top: 0;
}

/*======================================================

coment

======================================================*/
.table-2 {
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  border-spacing: 0;
  font-size: 13px;
  border-bottom: solid 1px #e5e5e5;
}

.table-2 th {
  text-align: left;
  border-top: solid 1px #e5e5e5;
  background: #fafafa;
  padding: 14px 16px;
  min-width: 130px;
}

.table-2 td {
  padding: 14px 0 14px 16px;
  border-top: solid 1px #e5e5e5;
}

.h1, .h2, .h3, h1, h2, h3 {
  margin-top: 0px;
  margin-bottom: 10px;
}

img {
  max-width: 100% !important;
  height: auto !important;
}

.l-lead-1 {
  margin-bottom: 60px;
}

h3.lead,
.l-lead-1 h3.lead,
.pageTitle {
  margin-bottom: 10px;
  font-size: 18px;
  color: #333333;
  font-weight: bold;
}

h3.title-2:before {
  position: relative;
  content: '';
  top: -0.3em;
  display: inline-block;
  width: 10px;
  border-top: 1px solid #333;
  margin-right: 9px;
}

h3.title-2, .CrossHead {
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: bold;
  color: #333;
}

h3.title-1 {
  padding: 14px 10px 10px 0;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: bold;
  color: #333333;
  border-bottom: solid 1px #e5e5e5;
}

h3.title-1:before {
  position: relative;
  content: '';
  top: -0.3em;
  display: inline-block;
  width: 10px;
  border-top: 1px solid #333;
  margin-right: 9px;
}

.clear {
  clear: both;
}

/* --------------------------------------------------------------------------------------
カテゴリーTOP
-------------------------------------------------------------------------------------- */
.mv {
  margin-bottom: 60px;
}

.l-item-1 {
  padding: 10px;
}

.l-item-2 .inner,
.l-item-1 .inner {
  padding: 15px;
  height: 100%;
  overflow: hidden;
}

@media screen and (min-width: 768px) {
  .row-eq-height {
    display: flex;
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 767px) {
  .l-item-1 .inner {
    padding: 10px;
  }
  .l-item-1 .inner .pic {
    float: left;
    width: 100px;
  }
  .l-item-1 .inner .pic img {
    display: inline;
  }
  .l-item-1 .inner .txt {
    margin-top: 30px;
  }
}

.l-item-2 {
  padding: 15px;
}

.l-item-1 p,
.l-item-2 p {
  font-size: 13px;
  line-height: 22px;
  margin-bottom: 0;
  color: #64381e;
}

.l-item-1 img,
.l-item-2 img {
  margin: 0 auto 12px;
  display: block;
}

.l-item-3 .caption h4 {
  margin-top: 20px;
  margin-bottom: 14px;
  font-size: 15px;
  font-weight: bold;
  color: #333333;
}

.l-item-3 .caption h4 small {
  display: block;
  font-size: 10px;
  color: #adadad;
}

.l-item-3 .caption p {
  font-size: 13px;
  margin-bottom: 0;
}

.l-item-4 .caption p {
  display: inline;
}

.l-item-4 {
  margin: 30px 0 0 0;
}

.l-item-4 .caption h4 {
  display: inline;
  margin-top: 20px;
  margin-bottom: 14px;
  font-size: 15px;
  font-weight: bold;
  color: #333333;
}

.l-item-4 .caption h4 small {
  margin-left: 8px;
  font-size: 10px;
  color: #adadad;
}

/*.l-itemlist-1 */
.noir,
.kokutan,
.gateaum,
.cheese,
.gift {
  background: #f1e5d5;
}

/*.l-itemlist-1 */
.pistachio {
  background: #f0e4e2;
}

/*.l-itemlist-1 */
.bitter,
.murasaki {
  background: #e1dbdb;
}

/*.l-itemlist-1 */
.maccha,
.aoni {
  background: #e2e3d2;
}

/*.l-itemlist-1 */
.houjicha {
  background: #eaddd6;
}

/*.l-itemlist-1 */
.amaryokucha {
  background: #ede6d0;
}

/*.l-itemlist-1 */
.kohaku,
.kogane {
  background: #f8eccc;
}

/*.l-itemlist-1 */
.yuki {
  background: #e3e3e3;
}

/*.l-itemlist-1 */
.midori {
  background: #e9e9d0;
}

/*.l-itemlist-1 */
.icon img {
  margin: 0;
  float: right;
}

.img-lft img {
  float: left;
  margin-right: 30px;
}

.img-lft .text {
  float: left;
  width: 500px;
}

.img-rgt .text {
  float: left;
  width: 500px;
}

.img-rgt img {
  float: left;
  margin-left: 30px;
}

/*======================================================

slick

======================================================*/
.slick-dots {
  position: relative;
  bottom: 0;
}

.item_images img {
  margin-bottom: 10px;
}

/*======================================================

page-item

======================================================*/
body.page-item .thumbnail {
  margin-bottom: 30px;
}

/*
.icons{
	text-align: right;
}
*/
.option_icon {
  display: inline-block;
  height: 18px !important;
  width: auto;
  margin-left: 5px;
}

/*======================================================

member page

======================================================*/
.member_submenu {
  text-align: center;
  width: auto;
  padding: 0;
  margin-top: 15px;
  padding-top: 15px;
  /*
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #cccccc;
	*/
}

.member_submenu li {
  list-style: none;
  display: inline-block;
}

.member_submenu li a {
  list-style: none;
  border-radius: 3px;
  background-color: #7d6646;
  border: none;
  font-weight: bold !important;
  color: #fff;
  padding: 10px 10px;
  margin: 5px;
  color: #fff;
  display: inline-block;
}

/*======================================================

contact

======================================================*/
@media screen and (max-width: 767px) {
  .page-contact table th,
  .page-contact table td {
    display: block;
    padding-left: 20px;
    padding-right: 20px;
  }
  .page-contact table td textarea,
  .page-contact table td input {
    max-width: 100% !important;
  }
}

.contact_content {
  max-width: 780px;
  margin: 0 auto;
}

.contact_content h2 {
  font-size: 1.6rem;
  letter-spacing: 0.2em;
  color: #333333;
}

.contact_content span.emp {
  font-weight: bold;
  color: #7d6646;
}

.contact_content table {
  margin-bottom: 30px;
  margin: auto;
}

.contact_content table td, .contact_content table th {
  border-top: solid 1px #eee;
  padding: 20px 24px 20px 0;
}

.contact_content table th {
  vertical-align: middle;
}

@media screen and (max-width: 767px) {
  .contact_content table td, .contact_content table th {
    display: block;
    padding: 10px;
  }
  .contact_content table td {
    border: none;
  }
}

.contact_content input[type="text"], .contact_content textarea {
  max-width: 100% !important;
}

.contact_content input.inputtxt {
  width: 100%;
}

.contact_content textarea {
  height: 15em;
}

.contact_content .mb_s {
  margin-bottom: 15px;
}

.contact_content .name {
  width: 8em;
}

/*======================================================

在庫切れ

======================================================*/
.no_stock_txt {
  border: 1px dotted #FF3300;
  color: #FF3300;
  padding: 0 5px;
  margin: 0 0 10px 0;
  font-size: 0.9em;
}

/*======================================================

member_only_content

======================================================*/
.member_only_content {
  margin-top: 40px;
  margin-bottom: 60px;
  padding: 40px 0;
  border-top: solid 1px #ccc;
}

.member_only_content .title {
  font-size: 25px;
  line-height: 1.4;
  color: #7d6646;
  font-weight: bold;
}

.member_only_content .title a {
  text-decoration: none;
}

.member_only_content .date {
  float: right;
  line-height: 35px;
}

.member_only_content .member_page_title {
  margin-bottom: 40px !important;
}

.member_only_content a {
  color: #7d6646;
  text-decoration: underline;
}

/*
.member_top_sep{
	margin-bottom: 50px;
	padding-bottom: 50px;
	border-bottom:1px solid #ccc;
}*/
.member_article_header {
  overflow: hidden;
  margin-bottom: 20px;
}

.member_article {
  margin-bottom: 50px;
  padding-bottom: 50px;
  border-bottom: 1px solid #ccc;
}

.aligncenter {
  display: block;
  margin: 0 auto;
}

.alignright {
  float: right;
}

.alignleft {
  float: left;
}

.mb20 {
  margin-bottom: 20px;
}

.textright {
  text-align: right;
}

.textleft {
  text-align: left;
}

.textcenter {
  text-align: center;
}

.s_font {
  font-size: 1.2rem;
}

.mb_s {
  margin-bottom: 20px;
}

/*======================================================



======================================================*/
.shop h3, .onlineshop h3, .page-gift h3 {
  margin: 0 0 20px;
  font-size: 1.8rem;
  font-weight: bold;
  color: #333333;
}

.shop h3:before, .onlineshop h3:before, .page-gift h3:before {
  position: relative;
  content: '';
  top: -0.3em;
  display: inline-block;
  width: 10px;
  border-top: 1px solid #333;
  margin-right: 9px;
}

strong {
  font-weight: bold;
}

h3.title-1 {
  padding: 14px 10px 10px 0;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: bold;
  color: #333333;
  border-bottom: solid 1px #e5e5e5;
}

h3.title-1:before {
  position: relative;
  content: '';
  top: -0.3em;
  display: inline-block;
  width: 10px;
  border-top: 1px solid #333;
  margin-right: 9px;
}

.l-lead-1 {
  margin-bottom: 60px;
}

h3.lead,
.l-lead-1 h3.lead,
.pageTitle {
  margin-bottom: 10px;
  font-size: 18px;
  color: #333333;
}

.pageTitle {
  padding: 0;
  border: none;
}

.l-lead-1 p {
  margin-bottom: 22px;
}

.CrossHead {
  border-bottom: none;
}

h3.title-2, .CrossHead {
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: bold;
  color: #333;
}

h3.title-2:before,
.CrossHead:before {
  position: relative;
  content: '';
  top: -0.3em;
  display: inline-block;
  width: 10px;
  border-top: 1px solid #333;
  margin-right: 9px;
}

h3.title-3,
.Definition {
  padding: 0 0 10px 0;
  margin: 10px 0;
  font-size: 16px;
  font-weight: bold;
  color: #333333;
  border-bottom: solid 1px #e5e5e5;
}

h3.title-3:before,
.Definition:before {
  position: relative;
  content: '';
  top: -0.3em;
  display: inline-block;
  width: 10px;
  border-top: 1px solid #333;
  margin-right: 9px;
}

.table-1 {
  width: 100%;
  padding: 0;
  border-spacing: 0;
}

.table-1 th {
  padding: 6px 10px;
  text-align: center;
  font-weight: bold;
  border-right: solid 1px #644D48;
  border-top: solid 1px #644D48;
  background: #83716d;
}

.table-1 td {
  padding: 6px 10px;
  text-align: center;
  border-right: solid 1px #83716D;
  border-bottom: solid 1px #83716D;
}

.table-1 .line-1 {
  border-right: solid 1px #83716D;
}

.table-2 {
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  border-spacing: 0;
  font-size: 13px;
  border-bottom: solid 1px #e5e5e5;
}

.table-2 th {
  text-align: left;
  border-top: solid 1px #e5e5e5;
  background: #fafafa;
  padding: 14px 16px;
  width: 100px;
}

.table-2 td {
  padding: 14px 0 14px 16px;
  border-top: solid 1px #e5e5e5;
}

.userTable_01,
.userTable_02,
.cartTable {
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  border-spacing: 0;
  font-size: 13px;
  border-top: solid 1px #e5e5e5;
  border-bottom: none;
}

.userTable_02 {
  border-left: solid 1px #e5e5e5;
}

.userTable_01 th,
.userTable_02 th,
.cartTable th {
  border-right: solid 1px #e5e5e5;
  border-bottom: solid 1px #e5e5e5;
  background: #fafafa;
  padding: 7px;
  width: 100px;
  font-weight: normal;
  text-align: center;
}

.userTable_02.contact th {
  padding: 12px;
  width: 30%;
  text-align: left;
}

.userTable_01 td,
.userTable_02 td,
.cartTable td {
  border-bottom: solid 1px #e5e5e5;
}

.userTable_02 td {
  border-right: solid 1px #e5e5e5;
  border-color: #e5e5e5;
  padding: 3px 5px;
}

.userTable_02.contact td {
  padding: 12px;
}

.userTable_01 caption,
.userTable_02 caption,
.cartTable caption {
  color: #fff;
  background: #b9b9b9;
}

.l-box-1 {
  padding: 16px;
  margin-bottom: 20px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  border: solid 1px #e5e5e5;
}

/*======================================================

page-postagesettlelist

======================================================*/
.page-businessdeal .right-container h2 {
  font-weight: bold;
  margin-bottom: 20px !important;
}

.page-businessdeal .Definition {
  margin-top: 40px;
}

.page-postagesettlelist .right-container h2 {
  font-weight: bold;
  margin-bottom: 20px !important;
  margin-top: 20px !important;
}

.page-postagesettlelist .title-3 {
  margin-top: 20px;
}

/*======================================================

pager

======================================================*/
.news_footer {
  text-align: center;
}

/*======================================================

add2018-03-23

======================================================*/
.truffle_select {
  font-family: "Hiragino Mincho ProN", Georgia, 游明朝, "Yu Mincho", YuMincho, HGS明朝E, serif;
}

.truffle_select .title {
  margin: 50px 0 30px;
  font-weight: normal;
  font-size: 21px;
  letter-spacing: 0;
}

.truffle_select .cap {
  font-size: 14px;
}

.truffle_select .truffle_cat {
  margin: 40px 0 20px;
  font-size: 21px;
}

/*======================================================
2019-09-29
======================================================*/
h2.shop_cap_title {
  font-size: 1.5em;
  font-weight: bold;
  margin-bottom: 0.5em;
}

h2.news_cap_title {
  font-size: 1.6em;
  letter-spacing: 0;
  font-weight: bold;
  margin-bottom: 1.9em;
}

.news_sec .top_news {
  overflow: hidden;
  padding: 30px 40px;
  background-color: #f6f6f6;
  margin-bottom: 24px;
}

@media (max-width: 980px) {
  .news_sec .top_news {
    padding: 15px;
    padding-bottom: 0;
    padding-top: 30px;
  }
}

.news_sec .news_cap {
  float: left;
  width: 130px;
}

@media (max-width: 980px) {
  .news_sec .news_cap {
    float: none;
    width: 100%;
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 10px;
  }
  .news_sec .news_cap.cc {
    border-bottom: 1px solid #eee;
  }
  .news_sec .news_cap.mn {
    border-bottom: 1px solid #333;
  }
  .news_sec .news_cap .more {
    right: 10px;
    top: 15px;
    position: absolute;
  }
}

.news_sec .news_cap .cap_txt {
  font-size: 22px;
  margin-bottom: 14px;
  letter-spacing: 0;
}

@media (max-width: 980px) {
  .news_sec .news_cap .cap_txt {
    font-size: 20px;
    margin-bottom: 0px;
  }
}

.news_sec .more {
  display: block;
  background-image: url(../asset/images/munian/munian_square_arrow@2x.png);
  background-repeat: no-repeat;
  background-size: 12px 12px;
  padding-left: 18px;
  margin-left: 5px;
  font-size: 13px;
  line-height: 13px;
  background-position: left 0;
}

.news_sec .more.cc {
  background-image: url(../asset/images/cacao/cacao_square_arrow@2x.png);
}

.news_sec .each_news:last-child {
  border: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.news_titles {
  overflow: hidden;
}

body.archive .news_titles {
  border-top: 1px solid #e0e0e0;
  padding-top: 0.8em;
}

.news_titles .each_news {
  border-bottom: 1px solid #e0e0e0;
  padding-top: 1em;
  padding-bottom: 0.7em;
  margin-bottom: 0.7em;
}

@media (max-width: 980px) {
  .news_titles .each_news {
    padding-top: 0.7em;
    padding-bottom: 0.5em;
  }
}

body.single .news_titles .each_news {
  border: none;
}

.news_titles .date {
  font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  color: #bfbfbf;
  font-size: 11px;
  line-height: 1;
  letter-spacing: 0;
}

body.single .news_titles .date {
  font-size: 12px;
}

.news_titles .title {
  font-size: 14px;
}

body.single .news_titles .title {
  font-size: 24px;
  border-bottom: 1px solid #e0e0e0;
  padding: 10px 0 16px 0;
  margin-bottom: 28px;
}

.news_footer .list_link {
  padding: 10px 30px;
  border: 1px solid;
  margin: 30px auto;
  text-align: center;
  display: inline-block;
  min-width: 200px;
}

/*======================================================

cocoatei item

======================================================*/
.font_xxl {
  font-size: 29px;
}

.font_xl, .item_lg_list .box .name {
  font-size: 23px;
}

.font_ll {
  font-size: 18px;
}

.font_l {
  font-size: 16px;
}

.font_s, .item_lg_list .box .table_parts {
  font-size: 13px;
}

.font_ss, .item_lg_list .box .add {
  font-size: 12px;
}

.font_xs, .item_lg_list .box .eng {
  font-size: 11px;
}

.font_xxs {
  font-size: 10px;
}

.item_lg_list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -18px;
}

.item_lg_list .box {
  width: 50%;
  padding: 18px;
  margin-bottom: 50px;
  position: relative;
}

@media (max-width: 480px) {
  .item_lg_list .box {
    width: 100%;
  }
}

.item_lg_list .box .pic {
  margin-bottom: 14px;
}

.item_lg_list .box .eng {
  margin-bottom: 20px;
  color: #c2c2c2;
}

.item_lg_list .box .exp {
  margin-bottom: 20px;
}

.item_lg_list .box .table_parts {
  margin-bottom: 20px;
  color: #333;
}

.item_lg_list .box .add {
  color: #949494;
}

.item_lg_list .box a {
  color: #a6a6a6;
  text-decoration: underline;
}

/*======================================================

個別

======================================================*/
@media (max-width: 980px) {
  .item_intro_sec {
    background-image: none !important;
  }
}

/*======================================================

cocoatei item

======================================================*/
.item_lg_list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -18px;
}

.item_lg_list .box {
  width: 50%;
  padding: 18px;
  margin-bottom: 50px;
  position: relative;
}

@media (max-width: 480px) {
  .item_lg_list .box {
    width: 100%;
  }
}

.item_lg_list .box .pic {
  margin-bottom: 14px;
}

.item_lg_list .box .eng {
  margin-bottom: 20px;
  color: #c2c2c2;
}

.item_lg_list .box .exp {
  margin-bottom: 20px;
}

.item_lg_list .box .table_parts {
  margin-bottom: 20px;
  color: #333;
}

.item_lg_list .box .add {
  color: #949494;
}

.item_lg_list .box a {
  color: #1d71ba;
  text-decoration: none;
  letter-spacing: 0;
}

.table_parts {
  width: 100%;
  border-collapse: collapse;
}

.table_parts th, .table_parts td {
  padding: 10px;
  font-weight: normal;
  vertical-align: top;
}

.table_parts th {
  border-right: 1px #e5e5e5 solid;
  padding-left: 0;
  padding-right: 5px;
  text-align: left;
  min-width: 5em;
}

.table_parts tr {
  border-bottom: 1px #e5e5e5 solid;
  border-top: 1px #e5e5e5 solid;
}

body {
  color: #333;
}

h1, h2, h3, h4, h5 {
  font-size: inherit;
}

.cl_b {
  clear: both;
}

@media screen and (min-width: 768px) {
  .pc_only {
    display: block;
  }
  .sp_only {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .pc_only {
    display: none;
  }
  .sp_only {
    display: block;
  }
}

/*======================================================

coment

======================================================*/
.list_item {
  padding: 20px;
}

.item_info .row > div {
  padding: 10px;
}

* {
  outline: none;
}

body {
  line-height: 2;
}

.page-story .footer {
  display: none;
}

.contents.general_page {
  margin-top: 0;
}

div.login_hader {
  width: 100%;
  position: absolute;
  background-color: #ccc;
  overflow: hidden;
}

ul.login {
  overflow: hidden;
  margin: 0;
  padding: 0 20px;
  text-align: right;
  background: #f8f8f8;
}

ul.login li {
  list-style: none;
  display: inline-block;
}

ul.login li a {
  padding: 5px 10px;
  display: inline-block;
}

.login_btn {
  background-color: #1d71ba;
}

.login_btn a {
  color: #fff;
}

/*======================================================

header

======================================================*/
a#header_title {
  top: 20px;
  margin-top: 0px;
  text-align: center;
  height: auto;
  display: inline-block;
  color: #000;
}

a#header_title .shop_name {
  line-height: 1;
  margin: 0;
  margin-bottom: 5px;
  font-size: 1.4em;
  letter-spacing: 0.2em;
}

a#header_title .shop_name_sub {
  line-height: 1;
  margin: 0;
  font-family: gothic;
  font-size: 50%;
  letter-spacing: 0.15em;
}

@media (max-width: 767px) {
  a#header_title {
    width: 100%;
    top: 15px;
    left: 0;
  }
}

@media (max-width: 767px) {
  #navbar li a {
    text-align: right;
  }
}

.navbar-toggle {
  z-index: 2;
}

#memberpages div.loginbox {
  box-sizing: content-box;
}

@media screen and (max-width: 767px) {
  ul.login {
    padding: 0;
  }
}

/*======================================================

bootstrap fix

======================================================*/
.thumbnail {
  display: inherit;
  padding: 0;
  margin-bottom: 0;
  line-height: inherit;
  background-color: #999999;
  border: none;
  border-radius: 0;
}

table .thumbnail {
  display: table-cell;
  background-color: transparent;
}

/*======================================================

coment

======================================================*/
.right-container {
  float: right;
}

@media (max-width: 991px) {
  .right-container {
    float: none;
    padding: 0;
  }
}

/*======================================================

side

======================================================*/
#side_wrap {
  clear: left;
}

.side-nav h2.genre_txt {
  margin-bottom: 20px;
}

/*side logp*/
@media screen and (min-width: 992px) {
  ul.side_munian {
    padding-top: 115%;
    background-image: url(../images/new_logo.svg);
    background-size: 100% auto;
    background-repeat: no-repeat;
  }
  .onlineshop .side-nav {
    margin-bottom: 56px;
    padding-top: 0;
  }
  .onlineshop .side-nav.general {
    margin-bottom: 0px;
  }
  .onlineshop .side-nav.general .list-unstyled {
    margin-bottom: 0;
  }
  .side-nav h2.genre_txt {
    display: none;
  }
  #side_wrap {
    text-align: left;
  }
}

@media screen and (max-width: 991px) {
  #side_wrap {
    text-align: center;
  }
}

/*======================================================

category

======================================================*/
.thumbnail_box {
  width: 23.8%;
  margin-left: 1%;
  float: left;
  display: inline;
}

.thumbnail_box_inner {
  text-align: center;
}

.thumimg {
  margin: 0 0 8px 0;
}

.thumbnail_box .thumtitle {
  font-size: 13px;
  line-height: 2.2;
}

.thumbnail_box .price {
  font-weight: bold;
  font-size: 13px;
  margin: 0;
}

@media screen and (max-width: 767px) {
  .thumbnail_box {
    width: 100%;
    margin-left: 0;
    float: none;
    display: block;
  }
}

/*======================================================

itempage

======================================================*/
/*======================================================
	#itempage基本構成
	======================================================*/
#item_info {
  overflow: hidden;
}

.item_basic_info,
.item_add_info1,
.item_form_info,
.item_content_info {
  margin-bottom: 20px;
}

.item_content_info {
  font-size: 1.1em;
  padding: 10px;
}

.item_basic_info {
  font-size: 140%;
  padding-top: 30px;
}

.item_add_info2 {
  padding: 20px;
  border: 1px solid #ddd;
  line-height: 1.8;
  margin-bottom: 20px;
}

#itempage .itemimg {
  width: 40%;
  margin-right: 10px;
  float: left;
}

#itempage .item_images {
  text-align: center;
}

@media screen and (max-width: 767px) {
  #itempage .itemimg {
    width: auto;
    margin-right: 0px;
    float: none;
  }
}

/*======================================================
	fix
	======================================================*/
#itempage .skuform {
  margin-bottom: 15px;
  background-color: #f8f8f8;
  padding: 20px;
}

#itempage .skuform table {
  margin: 0px auto;
  margin-bottom: 20px;
  width: 100%;
}

#itempage .skuform table td,
#itempage .skuform table th {
  padding: 10px;
}

#itempage .skuform table td,
#itempage .skuform .skuquantity {
  font-family: gothic;
  color: #333;
  background-color: #fff;
}

#itempage .skuform div {
  text-align: center;
}

#itempage .skuform .skuquantity {
  width: 50px;
  padding-right: 4px;
  padding-left: 4px;
  text-align: center !important;
  background-color: #fff;
  border: 1px solid #ccc;
}

#item_single .title-2 {
  color: inherit;
  background-color: inherit;
  padding: 3px 5px;
}

.skubutton {
  display: block;
  width: 100%;
  background-color: #7d6646;
  color: #fff;
  margin-top: 20px;
  line-height: 40px;
}

/*********************************************************************/
/* wc_item_single Start */
/*********************************************************************/
#itempage .item_basic_info h2.item_name {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 5px;
}

#itempage .item_basic_info .price {
  font-size: 18px;
  font-weight: normal;
}

/* Welcart Item single page CSS Start */
span.price {
  margin: 0px;
  padding: 0px;
  font-size: 140%;
  font-weight: bold;
  color: #ED5B14;
}

span.cprice {
  font-size: 12px;
  font-weight: normal;
  text-decoration: line-through;
}

em.tax {
  font-size: 0.7em;
  font-weight: normal;
  text-decoration: none;
  font-style: normal;
  color: inherit;
  letter-spacing: 0em;
}

dl.itemGpExp {
  margin: 0px;
  padding: 0px;
}

dl.itemGpExp dt {
  height: 16px;
  margin: 0px;
  background-image: url("images/gp.gif");
  background-repeat: no-repeat;
  background-position: left center;
  padding: 3px 0px 0px 30px;
  font-size: 13px;
  font-weight: bold;
  color: #FF3333;
}

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;
  font-size: 13px;
  letter-spacing: 1px;
}

#itempage .exp {
  min-height: 220px;
  margin-bottom: 10px;
}

*:first-child + html #itempage .exp {
  display: inline;
}

#itempage form {
  width: auto;
  height: auto;
  margin: 0px;
  padding: 0px;
}

#itempage .itemsubimg {
  margin-bottom: 10px;
}

#itempage .itemsubimg img {
  width: 135px;
  height: 135px;
  padding: 5px;
}

#itempage table.skusingle {
  margin: 0px 0px 10px 0px;
  padding: 0px;
}

#itempage table.skusingle td {
  margin: 0px;
  padding: 3px 10px 3px 0px;
}

#itempage table.skumulti {
  width: 100%;
  margin-top: 0px 0px 10px 0px;
  padding: 0px;
  border: 2px solid #CCC;
  border-collapse: collapse;
}

#itempage table.skumulti th {
  margin: 0px;
  padding: 3px;
  background-color: #E6E6E6;
  border-right: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
  font-size: 12px;
  font-weight: normal;
  text-align: center;
}

#itempage table.skumulti th.thborder {
  border-bottom: 2px solid #CCC;
}

#itempage table.skumulti td {
  margin: 0px;
  padding: 3px;
  border-right: 1px solid #D9D9D9;
  border-bottom: 2px solid #CCCCCC;
}

#itempage table.skumulti td.subborder {
  border-bottom: 1px solid #D9D9D9;
}

#itempage table.skumulti td.skudisp {
  font-weight: bold;
}

#itempage .assistance_item {
  width: auto;
  padding: 0px;
}

#itempage .assistance_item h3 {
  height: 18px;
  margin-left: 0px;
  margin-bottom: 10px;
  padding: 3px 5px;
  background-color: #999999;
  color: #FFFFFF;
  font-size: 14px;
  line-height: 18px;
}

#itempage .assistance_item ul {
  margin: 0px;
  padding: 0px;
  list-style-image: none;
  list-style-type: none;
}

#itempage .assistance_item li {
  width: 312px;
  margin: 0px;
  float: left;
  padding: 0px 0px 10px 0px;
}

#itempage .assistance_item .listbox {
  width: auto;
  margin-right: 10px;
  padding: 10px;
  background-color: #f9f9f9;
  border: 1px solid #cccccc;
}

#itempage .assistance_item .slit {
  width: 100px;
  height: 100px;
  overflow: hidden;
  float: left;
}

#itempage .assistance_item .detail {
  width: auto;
  margin: 0px;
  padding-top: 5px;
  padding-left: 115px;
}

#itempage .assistance_item h4 {
  margin: 0px 0px 5px 0px;
  padding: 0px;
  color: #660000;
  font-size: 12px;
  font-weight: bold;
  line-height: 150%;
}

#itempage .assistance_item .detail p {
  margin: 0px;
  padding: 0px;
  color: #333333;
  font-size: 11px;
  line-height: 150%;
}

.page_content {
  padding: 10px;
}

/* Welcart Item single page CSS End */
/*======================================================

old_style fix

======================================================*/
.category .contents,
.single .contents {
  margin-top: 0;
}

/*======================================================

coment

======================================================*/
.table-2 {
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  border-spacing: 0;
  font-size: 13px;
  border-bottom: solid 1px #e5e5e5;
}

.table-2 th {
  text-align: left;
  border-top: solid 1px #e5e5e5;
  background: #fafafa;
  padding: 14px 16px;
  min-width: 130px;
}

.table-2 td {
  padding: 14px 0 14px 16px;
  border-top: solid 1px #e5e5e5;
}

.h1, .h2, .h3, h1, h2, h3 {
  margin-top: 0px;
  margin-bottom: 10px;
}

img {
  max-width: 100% !important;
  height: auto !important;
}

.l-lead-1 {
  margin-bottom: 60px;
}

h3.lead,
.l-lead-1 h3.lead,
.pageTitle {
  margin-bottom: 10px;
  font-size: 18px;
  color: #333333;
  font-weight: bold;
}

h3.title-2:before {
  position: relative;
  content: '';
  top: -0.3em;
  display: inline-block;
  width: 10px;
  border-top: 1px solid #333;
  margin-right: 9px;
}

h3.title-2, .CrossHead {
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: bold;
  color: #333;
}

h3.title-1 {
  padding: 14px 10px 10px 0;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: bold;
  color: #333333;
  border-bottom: solid 1px #e5e5e5;
}

h3.title-1:before {
  position: relative;
  content: '';
  top: -0.3em;
  display: inline-block;
  width: 10px;
  border-top: 1px solid #333;
  margin-right: 9px;
}

.clear {
  clear: both;
}

/* --------------------------------------------------------------------------------------
カテゴリーTOP
-------------------------------------------------------------------------------------- */
.mv {
  margin-bottom: 60px;
}

.l-item-1 {
  padding: 10px;
}

.l-item-2 .inner,
.l-item-1 .inner {
  padding: 15px;
  height: 100%;
  overflow: hidden;
}

@media screen and (min-width: 768px) {
  .row-eq-height {
    display: flex;
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 767px) {
  .l-item-1 .inner {
    padding: 10px;
  }
  .l-item-1 .inner .pic {
    float: left;
    width: 100px;
  }
  .l-item-1 .inner .pic img {
    display: inline;
  }
  .l-item-1 .inner .txt {
    margin-top: 30px;
  }
}

.l-item-2 {
  padding: 15px;
}

.l-item-1 p,
.l-item-2 p {
  font-size: 13px;
  line-height: 22px;
  margin-bottom: 0;
  color: #64381e;
}

.l-item-1 img,
.l-item-2 img {
  margin: 0 auto 12px;
  display: block;
}

.l-item-3 .caption h4 {
  margin-top: 20px;
  margin-bottom: 14px;
  font-size: 15px;
  font-weight: bold;
  color: #333333;
}

.l-item-3 .caption h4 small {
  display: block;
  font-size: 10px;
  color: #adadad;
}

.l-item-3 .caption p {
  font-size: 13px;
  margin-bottom: 0;
}

.l-item-4 .caption p {
  display: inline;
}

.l-item-4 {
  margin: 30px 0 0 0;
}

.l-item-4 .caption h4 {
  display: inline;
  margin-top: 20px;
  margin-bottom: 14px;
  font-size: 15px;
  font-weight: bold;
  color: #333333;
}

.l-item-4 .caption h4 small {
  margin-left: 8px;
  font-size: 10px;
  color: #adadad;
}

/*.l-itemlist-1 */
.noir,
.kokutan,
.gateaum,
.cheese,
.gift {
  background: #f1e5d5;
}

/*.l-itemlist-1 */
.pistachio {
  background: #f0e4e2;
}

/*.l-itemlist-1 */
.bitter,
.murasaki {
  background: #e1dbdb;
}

/*.l-itemlist-1 */
.maccha,
.aoni {
  background: #e2e3d2;
}

/*.l-itemlist-1 */
.houjicha {
  background: #eaddd6;
}

/*.l-itemlist-1 */
.amaryokucha {
  background: #ede6d0;
}

/*.l-itemlist-1 */
.kohaku,
.kogane {
  background: #f8eccc;
}

/*.l-itemlist-1 */
.yuki {
  background: #e3e3e3;
}

/*.l-itemlist-1 */
.midori {
  background: #e9e9d0;
}

/*.l-itemlist-1 */
.icon img {
  margin: 0;
  float: right;
}

.img-lft img {
  float: left;
  margin-right: 30px;
}

.img-lft .text {
  float: left;
  width: 500px;
}

.img-rgt .text {
  float: left;
  width: 500px;
}

.img-rgt img {
  float: left;
  margin-left: 30px;
}

/*======================================================

slick

======================================================*/
.slick-dots {
  position: relative;
  bottom: 0;
}

.item_images img {
  margin-bottom: 10px;
}

/*======================================================

page-item

======================================================*/
body.page-item .thumbnail {
  margin-bottom: 30px;
}

/*
.icons{
	text-align: right;
}
*/
.option_icon {
  display: inline-block;
  height: 18px !important;
  width: auto;
  margin-left: 5px;
}

/*======================================================

member page

======================================================*/
.member_submenu {
  text-align: center;
  width: auto;
  padding: 0;
  margin-top: 15px;
  padding-top: 15px;
  /*
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #cccccc;
	*/
}

.member_submenu li {
  list-style: none;
  display: inline-block;
}

.member_submenu li a {
  list-style: none;
  border-radius: 3px;
  background-color: #7d6646;
  border: none;
  font-weight: bold !important;
  color: #fff;
  padding: 10px 10px;
  margin: 5px;
  color: #fff;
  display: inline-block;
}

/*======================================================

contact

======================================================*/
@media screen and (max-width: 767px) {
  .page-contact table th,
  .page-contact table td {
    display: block;
    padding-left: 20px;
    padding-right: 20px;
  }
  .page-contact table td textarea,
  .page-contact table td input {
    max-width: 100% !important;
  }
}

.contact_content {
  max-width: 780px;
  margin: 0 auto;
}

.contact_content h2 {
  font-size: 1.6rem;
  letter-spacing: 0.2em;
  color: #333333;
}

.contact_content span.emp {
  font-weight: bold;
  color: #7d6646;
}

.contact_content table {
  margin-bottom: 30px;
  margin: auto;
}

.contact_content table td, .contact_content table th {
  border-top: solid 1px #eee;
  padding: 20px 24px 20px 0;
}

.contact_content table th {
  vertical-align: middle;
}

@media screen and (max-width: 767px) {
  .contact_content table td, .contact_content table th {
    display: block;
    padding: 10px;
  }
  .contact_content table td {
    border: none;
  }
}

.contact_content input[type="text"], .contact_content textarea {
  max-width: 100% !important;
}

.contact_content input.inputtxt {
  width: 100%;
}

.contact_content textarea {
  height: 15em;
}

.contact_content .mb_s {
  margin-bottom: 15px;
}

.contact_content .name {
  width: 8em;
}

/*======================================================

在庫切れ

======================================================*/
.no_stock_txt {
  border: 1px dotted #FF3300;
  color: #FF3300;
  padding: 0 5px;
  margin: 0 0 10px 0;
  font-size: 0.9em;
}

/*======================================================

member_only_content

======================================================*/
.member_only_content {
  margin-top: 40px;
  margin-bottom: 60px;
  padding: 40px 0;
  border-top: solid 1px #ccc;
}

.member_only_content .title {
  font-size: 25px;
  line-height: 1.4;
  color: #7d6646;
  font-weight: bold;
}

.member_only_content .title a {
  text-decoration: none;
}

.member_only_content .date {
  float: right;
  line-height: 35px;
}

.member_only_content .member_page_title {
  margin-bottom: 40px !important;
}

.member_only_content a {
  color: #7d6646;
  text-decoration: underline;
}

/*
.member_top_sep{
	margin-bottom: 50px;
	padding-bottom: 50px;
	border-bottom:1px solid #ccc;
}*/
.member_article_header {
  overflow: hidden;
  margin-bottom: 20px;
}

.member_article {
  margin-bottom: 50px;
  padding-bottom: 50px;
  border-bottom: 1px solid #ccc;
}

.aligncenter {
  display: block;
  margin: 0 auto;
}

.alignright {
  float: right;
}

.alignleft {
  float: left;
}

.mb20 {
  margin-bottom: 20px;
}

.textright {
  text-align: right;
}

.textleft {
  text-align: left;
}

.textcenter {
  text-align: center;
}

.s_font {
  font-size: 1.2rem;
}

.mb_s {
  margin-bottom: 20px;
}

/*======================================================



======================================================*/
.shop h3, .onlineshop h3, .page-gift h3 {
  margin: 0 0 20px;
  font-size: 1.8rem;
  font-weight: bold;
  color: #333333;
}

.shop h3:before, .onlineshop h3:before, .page-gift h3:before {
  position: relative;
  content: '';
  top: -0.3em;
  display: inline-block;
  width: 10px;
  border-top: 1px solid #333;
  margin-right: 9px;
}

strong {
  font-weight: bold;
}

h3.title-1 {
  padding: 14px 10px 10px 0;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: bold;
  color: #333333;
  border-bottom: solid 1px #e5e5e5;
}

h3.title-1:before {
  position: relative;
  content: '';
  top: -0.3em;
  display: inline-block;
  width: 10px;
  border-top: 1px solid #333;
  margin-right: 9px;
}

.l-lead-1 {
  margin-bottom: 60px;
}

h3.lead,
.l-lead-1 h3.lead,
.pageTitle {
  margin-bottom: 10px;
  font-size: 18px;
  color: #333333;
}

.pageTitle {
  padding: 0;
  border: none;
}

.l-lead-1 p {
  margin-bottom: 22px;
}

.CrossHead {
  border-bottom: none;
}

h3.title-2, .CrossHead {
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: bold;
  color: #333;
}

h3.title-2:before,
.CrossHead:before {
  position: relative;
  content: '';
  top: -0.3em;
  display: inline-block;
  width: 10px;
  border-top: 1px solid #333;
  margin-right: 9px;
}

h3.title-3,
.Definition {
  padding: 0 0 10px 0;
  margin: 10px 0;
  font-size: 16px;
  font-weight: bold;
  color: #333333;
  border-bottom: solid 1px #e5e5e5;
}

h3.title-3:before,
.Definition:before {
  position: relative;
  content: '';
  top: -0.3em;
  display: inline-block;
  width: 10px;
  border-top: 1px solid #333;
  margin-right: 9px;
}

.table-1 {
  width: 100%;
  padding: 0;
  border-spacing: 0;
}

.table-1 th {
  padding: 6px 10px;
  text-align: center;
  font-weight: bold;
  border-right: solid 1px #644D48;
  border-top: solid 1px #644D48;
  background: #83716d;
}

.table-1 td {
  padding: 6px 10px;
  text-align: center;
  border-right: solid 1px #83716D;
  border-bottom: solid 1px #83716D;
}

.table-1 .line-1 {
  border-right: solid 1px #83716D;
}

.table-2 {
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  border-spacing: 0;
  font-size: 13px;
  border-bottom: solid 1px #e5e5e5;
}

.table-2 th {
  text-align: left;
  border-top: solid 1px #e5e5e5;
  background: #fafafa;
  padding: 14px 16px;
  width: 100px;
}

.table-2 td {
  padding: 14px 0 14px 16px;
  border-top: solid 1px #e5e5e5;
}

.userTable_01,
.userTable_02,
.cartTable {
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  border-spacing: 0;
  font-size: 13px;
  border-top: solid 1px #e5e5e5;
  border-bottom: none;
}

.userTable_02 {
  border-left: solid 1px #e5e5e5;
}

.userTable_01 th,
.userTable_02 th,
.cartTable th {
  border-right: solid 1px #e5e5e5;
  border-bottom: solid 1px #e5e5e5;
  background: #fafafa;
  padding: 7px;
  width: 100px;
  font-weight: normal;
  text-align: center;
}

.userTable_02.contact th {
  padding: 12px;
  width: 30%;
  text-align: left;
}

.userTable_01 td,
.userTable_02 td,
.cartTable td {
  border-bottom: solid 1px #e5e5e5;
}

.userTable_02 td {
  border-right: solid 1px #e5e5e5;
  border-color: #e5e5e5;
  padding: 3px 5px;
}

.userTable_02.contact td {
  padding: 12px;
}

.userTable_01 caption,
.userTable_02 caption,
.cartTable caption {
  color: #fff;
  background: #b9b9b9;
}

.l-box-1 {
  padding: 16px;
  margin-bottom: 20px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  border: solid 1px #e5e5e5;
}

/*======================================================

page-postagesettlelist

======================================================*/
.page-businessdeal .right-container h2 {
  font-weight: bold;
  margin-bottom: 20px !important;
}

.page-businessdeal .Definition {
  margin-top: 40px;
}

.page-postagesettlelist .right-container h2 {
  font-weight: bold;
  margin-bottom: 20px !important;
  margin-top: 20px !important;
}

.page-postagesettlelist .title-3 {
  margin-top: 20px;
}

/*======================================================

pager

======================================================*/
.news_footer {
  text-align: center;
}

/*======================================================

add2018-03-23

======================================================*/
.truffle_select {
  font-family: "Hiragino Mincho ProN", Georgia, 游明朝, "Yu Mincho", YuMincho, HGS明朝E, serif;
}

.truffle_select .title {
  margin: 50px 0 30px;
  font-weight: normal;
  font-size: 21px;
  letter-spacing: 0;
}

.truffle_select .cap {
  font-size: 14px;
}

.truffle_select .truffle_cat {
  margin: 40px 0 20px;
  font-size: 21px;
}

/*======================================================
2019-09-29
======================================================*/
h2.shop_cap_title {
  font-size: 1.5em;
  font-weight: bold;
  margin-bottom: 0.5em;
}

h2.news_cap_title {
  font-size: 1.6em;
  letter-spacing: 0;
  font-weight: bold;
  margin-bottom: 1.9em;
}

.news_sec .top_news {
  overflow: hidden;
  padding: 30px 40px;
  background-color: #f6f6f6;
  margin-bottom: 24px;
}

@media (max-width: 980px) {
  .news_sec .top_news {
    padding: 15px;
    padding-bottom: 0;
    padding-top: 30px;
  }
}

.news_sec .news_cap {
  float: left;
  width: 130px;
}

@media (max-width: 980px) {
  .news_sec .news_cap {
    float: none;
    width: 100%;
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 10px;
  }
  .news_sec .news_cap.cc {
    border-bottom: 1px solid #eee;
  }
  .news_sec .news_cap.mn {
    border-bottom: 1px solid #333;
  }
  .news_sec .news_cap .more {
    right: 10px;
    top: 15px;
    position: absolute;
  }
}

.news_sec .news_cap .cap_txt {
  font-size: 22px;
  margin-bottom: 14px;
  letter-spacing: 0;
}

@media (max-width: 980px) {
  .news_sec .news_cap .cap_txt {
    font-size: 20px;
    margin-bottom: 0px;
  }
}

.news_sec .more {
  display: block;
  background-image: url(../asset/images/munian/munian_square_arrow@2x.png);
  background-repeat: no-repeat;
  background-size: 12px 12px;
  padding-left: 18px;
  margin-left: 5px;
  font-size: 13px;
  line-height: 13px;
  background-position: left 0;
}

.news_sec .more.cc {
  background-image: url(../asset/images/cacao/cacao_square_arrow@2x.png);
}

.news_sec .each_news:last-child {
  border: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.news_titles {
  overflow: hidden;
}

body.archive .news_titles {
  border-top: 1px solid #e0e0e0;
  padding-top: 0.8em;
}

.news_titles .each_news {
  border-bottom: 1px solid #e0e0e0;
  padding-top: 1em;
  padding-bottom: 0.7em;
  margin-bottom: 0.7em;
}

@media (max-width: 980px) {
  .news_titles .each_news {
    padding-top: 0.7em;
    padding-bottom: 0.5em;
  }
}

body.single .news_titles .each_news {
  border: none;
}

.news_titles .date {
  font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  color: #bfbfbf;
  font-size: 11px;
  line-height: 1;
  letter-spacing: 0;
}

body.single .news_titles .date {
  font-size: 12px;
}

.news_titles .title {
  font-size: 14px;
}

body.single .news_titles .title {
  font-size: 24px;
  border-bottom: 1px solid #e0e0e0;
  padding: 10px 0 16px 0;
  margin-bottom: 28px;
}

.news_footer .list_link {
  padding: 10px 30px;
  border: 1px solid;
  margin: 30px auto;
  text-align: center;
  display: inline-block;
  min-width: 200px;
}

/*======================================================

cocoatei item

======================================================*/
.font_xxl {
  font-size: 29px;
}

.font_xl, .item_lg_list .box .name {
  font-size: 23px;
}

.font_ll {
  font-size: 18px;
}

.font_l {
  font-size: 16px;
}

.font_s, .item_lg_list .box .table_parts {
  font-size: 13px;
}

.font_ss, .item_lg_list .box .add {
  font-size: 12px;
}

.font_xs, .item_lg_list .box .eng {
  font-size: 11px;
}

.font_xxs {
  font-size: 10px;
}

.item_lg_list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -18px;
}

.item_lg_list .box {
  width: 50%;
  padding: 18px;
  margin-bottom: 50px;
  position: relative;
}

@media (max-width: 480px) {
  .item_lg_list .box {
    width: 100%;
  }
}

.item_lg_list .box .pic {
  margin-bottom: 14px;
}

.item_lg_list .box .eng {
  margin-bottom: 20px;
  color: #c2c2c2;
}

.item_lg_list .box .exp {
  margin-bottom: 20px;
}

.item_lg_list .box .table_parts {
  margin-bottom: 20px;
  color: #333;
}

.item_lg_list .box .add {
  color: #949494;
}

.item_lg_list .box a {
  color: #a6a6a6;
  text-decoration: underline;
}

/*======================================================

個別

======================================================*/
@media (max-width: 980px) {
  .item_intro_sec {
    background-image: none !important;
  }
}

/*======================================================

cocoatei item

======================================================*/
.item_lg_list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -18px;
}

.item_lg_list .box {
  width: 50%;
  padding: 18px;
  margin-bottom: 50px;
  position: relative;
}

@media (max-width: 480px) {
  .item_lg_list .box {
    width: 100%;
  }
}

.item_lg_list .box .pic {
  margin-bottom: 14px;
}

.item_lg_list .box .eng {
  margin-bottom: 20px;
  color: #c2c2c2;
}

.item_lg_list .box .exp {
  margin-bottom: 20px;
}

.item_lg_list .box .table_parts {
  margin-bottom: 20px;
  color: #333;
}

.item_lg_list .box .add {
  color: #949494;
}

.item_lg_list .box a {
  color: #1d71ba;
  text-decoration: none;
  letter-spacing: 0;
}

.table_parts {
  width: 100%;
  border-collapse: collapse;
}

.table_parts th, .table_parts td {
  padding: 10px;
  font-weight: normal;
  vertical-align: top;
}

.table_parts th {
  border-right: 1px #e5e5e5 solid;
  padding-left: 0;
  padding-right: 5px;
  text-align: left;
  min-width: 5em;
}

.table_parts tr {
  border-bottom: 1px #e5e5e5 solid;
  border-top: 1px #e5e5e5 solid;
}

em {
  font-style: normal;
}

#wp-calendar td.businessday {
  background-color: #FFECCE;
  color: #F00;
}

/*********************************************************************/
/* wc_item_single Start */
#content h1.item_page_title {
  padding-bottom: 10px;
  font-size: 1.5em;
}

/* wc_item_single End */
/*********************************************************************/
/* cart Start */
#content h1.cart_page_title {
  margin: 0px;
  padding: 0px 0px 10px 0px;
  font-size: 1.5em;
}

#content #wc_cart img,
#content #wc_confirm img {
  max-width: none;
}

/* cart End */
/*********************************************************************/
/* member Start */
#content h1.member_page_title {
  margin: 0px;
  padding: 0px 0px 10px 0px;
  font-size: 1.5em;
  color: #000;
}

/* member End */
/*********************************************************************/
/*======================================================

追加情報

======================================================*/
div.header_explanation {
  padding-top: 15px;
  padding-bottom: 15px;
}

div.footer_explanation {
  padding-top: 15px;
  padding-bottom: 15px;
}

@media only screen and (max-width: 767px) {
  .empty_cell {
    display: none !important;
  }
}

/*======================================================

ボタン

======================================================*/
.upbutton input,
.withdrawbutton,
.member_edit_btns .totop,
.back_to_delivery_button,
.back_to_customer_button,
.back_cart_button,
.continue_shopping_button {
  margin: 10px 0;
}

input#member_login,
.member_edit_btns .agree,
.checkout_button,
.send input[name="regmember"],
.send input[name="customerlogin"],
.to_confirm_button,
.to_reganddeliveryinfo_button,
.to_deliveryinfo_button,
.to_customerinfo_button {
  margin: 10px 0;
}

.upbutton input {
  background: #fff;
  color: #999 !important;
  border: 1px solid #999 !important;
  margin-left: 10px;
}

/*======================================================

#cart

======================================================*/
#cart {
  font-size: 13px;
}

#cart div.error_message {
  font-weight: bold;
  color: #FF0000;
  margin-top: 10px;
}

#cart .upbutton {
  text-align: right;
  margin-bottom: 10px;
}

#cart table {
  border: 1px solid #ccc;
  width: 100%;
}

#cart table#cart_table {
  margin-bottom: 10px;
}

#cart input.quantity {
  width: 40px;
  text-align: center;
  font-size: 13px;
}

@media only screen and (min-width: 768px) {
  #cart th, #cart td {
    vertical-align: middle;
    text-align: center;
    padding: 3px 5px 3px 5px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
  }
  #cart th {
    color: #FFFFFF;
    background-color: #999;
    text-align: center;
    vertical-align: middle;
  }
  #cart th {
    text-align: center;
    font-weight: normal;
    padding: 10px 3px;
  }
  #cart th.totaltitle {
    text-align: right;
  }
  #cart th.totalprice {
    text-align: right;
  }
  #cart td.num {
    width: 40px;
    text-align: center;
  }
  #cart td.thumbnail {
    width: 70px;
    text-align: center;
  }
  #cart td.productname {
    text-align: left;
  }
  #cart td.unitprice {
    width: 80px;
    text-align: right;
  }
  #cart td.quantity {
    width: 65px;
    text-align: center;
  }
  #cart td.subtotal {
    width: 100px;
    text-align: right;
  }
  #cart td.stock {
    width: 90px;
    text-align: center;
  }
  #cart td.action {
    width: 60px;
    text-align: center;
  }
}

@media only screen and (max-width: 767px) {
  #cart table {
    max-width: 500px;
    margin: 0 auto;
  }
  #cart thead {
    display: none;
  }
  #cart th, #cart td {
    vertical-align: middle;
    text-align: center;
    padding: 3px 5px 3px 5px;
    display: block;
  }
  #cart th {
    color: #FFFFFF;
    background-color: #999;
    text-align: center;
    vertical-align: middle;
  }
  #cart th {
    text-align: center;
  }
  #cart th.totaltitle {
    text-align: center;
  }
  #cart th.totalprice {
    text-align: center;
    font-size: 1.2em;
  }
  #cart tbody tr {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }
  #cart tbody td {
    display: block;
    order: 0;
  }
  #cart tbody td.num {
    text-align: center;
    background-color: #ddd;
    flex-basis: 100%;
  }
  #cart tbody td.thumbnail {
    text-align: center;
    padding: 5px 15px;
    flex-basis: 30%;
  }
  #cart tbody td.productname {
    text-align: left;
    flex-basis: 70%;
  }
  #cart tbody td.unitprice {
    flex-basis: 33%;
    order: 1;
  }
  #cart tbody td.unitprice:before {
    content: "単価：";
  }
  #cart tbody td.quantity {
    flex-basis: 33%;
    order: 3;
  }
  #cart tbody td.quantity:before {
    content: "数量：";
  }
  #cart tbody td.subtotal {
    flex-basis: 100%;
    order: 4;
    font-weight: bold;
    padding: 10px;
  }
  #cart tbody td.subtotal:before {
    content: "金額（税込）：";
    font-weight: normal;
  }
  #cart tbody td.stock {
    flex-basis: 33%;
    order: 2;
  }
  #cart tbody td.action {
    flex-basis: 100%;
    text-align: center;
    order: 5;
    padding-bottom: 20px;
  }
}

#cart .delButton {
  margin: 0;
  padding: 5px 10px;
}

#cart #point_table {
  width: 350px;
  margin-top: 15px;
  margin-bottom: 10px;
  margin-right: auto;
  margin-left: auto;
}

#cart #point_table td {
  height: 30px;
}

#cart #point_table .point {
  font-size: 1.5em;
  font-weight: bold;
}

#cart #point_table input.used_point {
  width: 100px;
  text-align: right;
  padding-right: 5px;
}

.item_package {
  margin-top: 20px;
}

#content #wc_cart img,
#content #wc_confirm img {
  max-width: none;
}

.send {
  margin-bottom: 30px;
}

/*======================================================

.usccart_navi

======================================================*/
.usccart_navi ol.ucart {
  list-style-image: none;
  list-style-type: none;
  display: block;
  height: 31px;
  width: 100%;
  margin-top: 10px;
  margin-right: 0px;
  margin-bottom: 10px;
  margin-left: 0;
  padding: 0px;
  margin-bottom: 20px;
}

.usccart_navi li.ucart {
  background-color: #f0f0f0;
  float: left;
  margin: 0px;
  color: black;
  text-align: center;
  font-weight: normal;
  width: 25%;
  padding: 6px 0;
}

@media only screen and (max-width: 767px) {
  .usccart_navi li.ucart {
    font-size: 10px;
  }
}

.usccart_navi li.current {
  background-color: #7d6646;
  color: #fff;
  font-weight: bold;
}

/*======================================================

#inside-cart

======================================================*/
#inside-cart .post {
  width: auto;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-top: 10px;
}

#inside-cart h2 {
  font-size: 16px;
  line-height: 32px;
  font-weight: bold;
  color: #ffffff;
  background-color: #ffcc00;
  height: 32px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 10px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 15px;
  margin-left: 0px;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #ffe679;
}

#inside-cart p {
  font-size: 12px;
  line-height: 24px;
  color: #333333;
  margin: 0px;
  padding-top: 15px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}

#inside-cart .send {
  text-align: center;
  width: auto;
  margin-top: 15px;
  padding-top: 15px;
}

#inside-cart .no_cart {
  text-align: center;
  width: auto;
  margin-top: 60px;
  font-size: 1.4em;
  font-weight: bold;
  margin-bottom: 60px;
}

.customer_form input,
#member_input_table input,
#delivery_table input {
  margin-right: 10px;
}

.customer_form tr.inp1 input,
#member_input_table tr.inp1 input,
#delivery_table tr.inp1 input {
  width: 83%;
  margin-right: 0px;
  margin-left: 10px;
}

.customer_form tr#address2_row input,
.customer_form tr#address3_row input,
.customer_form tr.inp2 input,
.customer_form input#password1,
.customer_form input#password2,
.customer_form input#mailaddress1,
.customer_form input#mailaddress2,
.customer_form input[type="password"],
#member_input_table tr#address2_row input,
#member_input_table tr#address3_row input,
#member_input_table tr.inp2 input,
#member_input_table input#password1,
#member_input_table input#password2,
#member_input_table input#mailaddress1,
#member_input_table input#mailaddress2,
#member_input_table input[type="password"],
#delivery_table tr#address2_row input,
#delivery_table tr#address3_row input,
#delivery_table tr.inp2 input,
#delivery_table input#password1,
#delivery_table input#password2,
#delivery_table input#mailaddress1,
#delivery_table input#mailaddress2,
#delivery_table input[type="password"] {
  width: 76%;
  margin-right: 10px;
  margin-left: 0px;
}

@media only screen and (max-width: 767px) {
  .customer_form tr#address2_row input,
  .customer_form tr#address3_row input,
  .customer_form tr.inp2 input,
  .customer_form input#password1,
  .customer_form input#password2,
  .customer_form input#mailaddress1,
  .customer_form input#mailaddress2,
  .customer_form input[type="password"],
  #member_input_table tr#address2_row input,
  #member_input_table tr#address3_row input,
  #member_input_table tr.inp2 input,
  #member_input_table input#password1,
  #member_input_table input#password2,
  #member_input_table input#mailaddress1,
  #member_input_table input#mailaddress2,
  #member_input_table input[type="password"],
  #delivery_table tr#address2_row input,
  #delivery_table tr#address3_row input,
  #delivery_table tr.inp2 input,
  #delivery_table input#password1,
  #delivery_table input#password2,
  #delivery_table input#mailaddress1,
  #delivery_table input#mailaddress2,
  #delivery_table input[type="password"] {
    width: 100%;
    margin-bottom: 5px;
    margin-right: 0px;
  }
}

#customer-info h5 {
  color: #FFFFFF;
  background-color: #999;
  padding-top: 12px;
  padding-right: 10px;
  padding-bottom: 12px;
  padding-left: 10px;
}

#customer-info .post {
  width: auto;
  margin-top: 10px;
  padding-top: 15px;
  padding-right: 0px;
  padding-bottom: 15px;
  padding-left: 0px;
}

#customer-info .error_message {
  font-size: 13px;
  line-height: 20px;
  font-weight: bold;
  color: #ff0000;
}

#customer-info h2 {
  font-size: 16px;
  line-height: 32px;
  font-weight: bold;
  color: #ffffff;
  background-color: #ff9900;
  height: 32px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 10px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 15px;
  margin-left: 0px;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #ffc56a;
}

/*
#customer-info form {
	margin: 0px;
	padding: 0px;
}
#customer-info table {
	margin-top: 10px;
	border-collapse: collapse;
}
#customer-info th {
	font-size: 12px;
	line-height: 150%;
	font-weight: bold;
	color: #4c4d25;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #e6e6e6;
	background-color: #f3f3f3;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	width: 25%;
}
#customer-info td {
	font-size: 11px;
	line-height: 150%;
	color: #4c4c4c;
	border: 1px solid #e6e6e6;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}

#customer-info .customer_form input {
	width: 50%;
	margin-right: 3px;
}
#customer-info .customer_form input[type="checkbox"], 
#customer-info .customer_form input[type="radio"] {
	width: auto;
	margin-right: 3px;
}
#customer-info .customer_form label.iopt_label {
	display: block;
}
#customer-info .customer_form tr.inp1 input {
	width: 82%;
	margin-left: 3px;
}
#customer-info .customer_form tr.inp2 input {
	width: 75%;
	margin-left: 0px;
	margin-right: 3px;
}

#customer-info .send {
	text-align: center;
	width: auto;
	margin-top: 15px;
	padding-top: 15px;

}
*/
.customer_form em {
  font-style: normal;
  color: #ff0000;
}

#delivery-info .post {
  width: auto;
  margin-top: 10px;
  padding-top: 15px;
  padding-right: 0px;
  padding-bottom: 15px;
  padding-left: 0px;
}

#delivery-info h2 {
  font-size: 16px;
  line-height: 32px;
  font-weight: bold;
  color: #ffffff;
  background-color: #ff6600;
  height: 32px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 10px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 15px;
  margin-left: 0px;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #ffaa68;
}

#delivery-info form {
  margin: 0px;
  padding: 0px;
}

#delivery-info table.customer_form {
  margin-bottom: 10px;
  border-collapse: collapse;
  width: 100%;
}

#delivery-info th {
  line-height: 150%;
  font-weight: bold;
  color: #4c4d25;
  text-align: left;
  margin-right: auto;
  margin-left: auto;
  border: 1px solid #e6e6e6;
  background-color: #f3f3f3;
  padding-top: 5px;
  padding-right: 10px;
  padding-bottom: 5px;
  padding-left: 10px;
  width: 25%;
}

#delivery-info td {
  line-height: 150%;
  color: #4c4c4c;
  border: 1px solid #e6e6e6;
  padding-top: 5px;
  padding-right: 10px;
  padding-bottom: 5px;
  padding-left: 10px;
}

#delivery-info .error_message {
  font-size: 13px;
  line-height: 26px;
  font-weight: bold;
  color: #ff0000;
}

#delivery-info .customer_form dl {
  margin: 0px;
  padding: 0px;
  width: auto;
}

#delivery-info .customer_form dt {
  line-height: 150%;
  color: #333333;
  width: auto;
  padding-top: 5px;
}

#delivery-info .customer_form dd {
  line-height: 150%;
  color: #333333;
  margin: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 5px;
  padding-left: 20px;
}

#delivery-info .customer_form .btn {
  width: 24px;
}

#delivery-info #time {
  margin-top: 10px;
}

#delivery-info #time textarea,
#delivery-info .notes {
  height: 100px;
}

#delivery-info .send {
  text-align: center;
  width: auto;
  margin-top: 15px;
  padding-top: 15px;
}

#info-confirm .error_message {
  font-size: 13px;
  line-height: 26px;
  font-weight: bold;
  color: #ff0000;
}

#info-confirm .post {
  background-color: #ffffff;
  width: auto;
  margin-top: 10px;
  padding-top: 15px;
  padding-right: 0px;
  padding-bottom: 15px;
  padding-left: 0px;
}

#info-confirm h2 {
  font-size: 16px;
  line-height: 32px;
  font-weight: bold;
  color: #ffffff;
  background-color: #ff3300;
  height: 32px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 10px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 15px;
  margin-left: 0px;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #ff8f71;
}

#info-confirm form {
  margin: 0px;
  padding: 0px;
}

#info-confirm .send {
  text-align: center;
  width: auto;
  margin-top: 15px;
  padding-top: 15px;
}

#info-confirm #confirm_table {
  width: 100%;
  margin-top: 15px;
  border-collapse: collapse;
}

#info-confirm #confirm_table h3 {
  font-size: 14px;
  line-height: normal;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
}

#info-confirm #confirm_table th {
  font-size: 12px;
  line-height: normal;
  font-weight: bold;
  text-align: left;
  margin-right: auto;
  margin-left: auto;
  padding-top: 5px;
  padding-right: 10px;
  padding-bottom: 5px;
  padding-left: 10px;
  border: 1px solid #e6e6e6;
  width: 25%;
}

#info-confirm #confirm_table td {
  font-size: 12px;
  line-height: normal;
  color: #333333;
  padding-top: 5px;
  padding-right: 10px;
  padding-bottom: 5px;
  padding-left: 10px;
  border: 1px solid #e6e6e6;
}

#info-confirm #confirm_table .ttl {
  background-color: #dfdfdf;
}

#info-confirm #confirm_table .ttl td {
  padding-top: 10px;
  padding-bottom: 10px;
}

#info-confirm #confirm_table .bdc {
  background-color: #FFFFFF;
}

#coml-page h2, #error-page h2 {
  font-size: 16px;
  line-height: 32px;
  font-weight: bold;
  color: #ffffff;
  background-color: #666600;
  height: 32px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 10px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 15px;
  margin-left: 0px;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #b2b165;
}

#coml-page p, #error-page p {
  font-size: 12px;
  line-height: 150%;
  color: #333333;
  margin: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}

#coml-page form, #error-page form {
  margin: 0px;
  padding: 0px;
}

#coml-page .send, #error-page .send {
  text-align: center;
  width: auto;
  margin-top: 15px;
  padding-top: 15px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #b2b165;
}

#coml-page .post, #error-page .post {
  background-color: #ffffff;
  padding: 15px;
  width: auto;
  margin-top: 10px;
}

#status_table table {
  border-top-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: solid;
  border-top-color: #CCCCCC;
  border-left-color: #CCCCCC;
}

#status_table th {
  border-top-style: none;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: none;
  background-color: #CCCCCC;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-right-color: #CCCCCC;
  border-bottom-color: #CCCCCC;
}

#status_table td {
  border-top-style: none;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: none;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-right-color: #CCCCCC;
  border-bottom-color: #CCCCCC;
}

/* End USCES cart page style */
/*======================================================

#memberpages

======================================================*/
#memberpages div.loginbox {
  margin-top: 10px;
  width: 220px;
  background-color: #F6F6F6;
  margin-right: auto;
  margin-left: auto;
  border: 1px solid #CCCCCC;
  padding-top: 0px;
  padding-right: 30px;
  padding-bottom: 30px;
  padding-left: 30px;
}

#memberpages div.loginbox p {
  font-size: 12px;
  line-height: 24px;
  color: #333333;
  margin: 0px;
  padding-top: 15px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}

#memberpages div.loginbox p#nav {
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 12px;
}

#memberpages div.loginbox #loginmail,
#memberpages div.loginbox #loginpass {
  width: 100%;
}

#memberpages div.loginbox label {
  width: 100%;
}

#memberpages .login_header {
  padding: 20px;
  border: dotted 1px #ccc;
  margin-bottom: 40px;
}

#memberpages input.loginmail {
  line-height: 20px;
  width: 200px;
  padding-right: 5px;
  padding-left: 5px;
}

#memberpages input.loginpass {
  line-height: 20px;
  width: 200px;
  padding-right: 5px;
  padding-left: 5px;
}

#memberpages form {
  margin: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 20px;
  padding-left: 0px;
}

/*======================================================

#memberinfo

======================================================*/
#delivery-info .history-area,
#customer-info .history-area,
#wc_newmemberform .history-area,
#memberinfo .history-area {
  overflow: auto;
  max-height: 700px;
  min-height: 150px;
  margin-bottom: 30px;
}

#delivery-info ul,
#customer-info ul,
#wc_newmemberform ul,
#memberinfo ul {
  margin: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 15px;
  list-style-position: outside;
}

#delivery-info li,
#customer-info li,
#wc_newmemberform li,
#memberinfo li {
  /*
		font-size: 12px;
		line-height: 24px;
		color: #333333;
		margin: 0px;
		padding: 0px;
		*/
}

#delivery-info li strong,
#customer-info li strong,
#wc_newmemberform li strong,
#memberinfo li strong {
  color: #cc0000;
}

#delivery-info table,
#customer-info table,
#wc_newmemberform table,
#memberinfo table {
  width: 100%;
}

#delivery-info table .num,
#customer-info table .num,
#wc_newmemberform table .num,
#memberinfo table .num {
  font-size: 14px;
}

#delivery-info table .date,
#customer-info table .date,
#wc_newmemberform table .date,
#memberinfo table .date {
  white-space: nowrap;
}

#delivery-info table .rightnum,
#customer-info table .rightnum,
#wc_newmemberform table .rightnum,
#memberinfo table .rightnum {
  font-size: 14px;
  text-align: right;
  padding-right: 5px;
  white-space: nowrap;
}

#delivery-info td, #delivery-info th,
#customer-info td,
#customer-info th,
#wc_newmemberform td,
#wc_newmemberform th,
#memberinfo td,
#memberinfo th {
  padding: 15px !important;
}

#delivery-info th,
#customer-info th,
#wc_newmemberform th,
#memberinfo th {
  text-align: center;
  border: 1px solid #e6e6e6;
  background-color: #f8f8f8;
  line-height: 150%;
  font-weight: bold;
  color: #4e5020;
}

#delivery-info th.historyrow,
#customer-info th.historyrow,
#wc_newmemberform th.historyrow,
#memberinfo th.historyrow {
  color: #FFFFFF;
  background-color: #999;
  vertical-align: middle;
}

#delivery-info th.cartrownum,
#customer-info th.cartrownum,
#wc_newmemberform th.cartrownum,
#memberinfo th.cartrownum {
  vertical-align: middle;
  width: 38px;
}

#delivery-info th.thumbnail,
#customer-info th.thumbnail,
#wc_newmemberform th.thumbnail,
#memberinfo th.thumbnail {
  vertical-align: middle;
  width: 60px;
}

#delivery-info th.productname,
#customer-info th.productname,
#wc_newmemberform th.productname,
#memberinfo th.productname {
  vertical-align: middle;
}

#delivery-info th.price,
#customer-info th.price,
#wc_newmemberform th.price,
#memberinfo th.price {
  vertical-align: middle;
  width: 100px;
}

#delivery-info th.quantity,
#customer-info th.quantity,
#wc_newmemberform th.quantity,
#memberinfo th.quantity {
  vertical-align: middle;
  width: 60px;
}

#delivery-info th.subtotal,
#customer-info th.subtotal,
#wc_newmemberform th.subtotal,
#memberinfo th.subtotal {
  vertical-align: middle;
  width: 100px;
}

#delivery-info td.cartrownum,
#customer-info td.cartrownum,
#wc_newmemberform td.cartrownum,
#memberinfo td.cartrownum {
  vertical-align: middle;
}

#delivery-info td.thumbnail,
#customer-info td.thumbnail,
#wc_newmemberform td.thumbnail,
#memberinfo td.thumbnail {
  vertical-align: middle;
}

#delivery-info td.productname,
#customer-info td.productname,
#wc_newmemberform td.productname,
#memberinfo td.productname {
  vertical-align: middle;
}

#delivery-info td.price,
#customer-info td.price,
#wc_newmemberform td.price,
#memberinfo td.price {
  vertical-align: middle;
}

#delivery-info td.quantity,
#customer-info td.quantity,
#wc_newmemberform td.quantity,
#memberinfo td.quantity {
  vertical-align: middle;
}

#delivery-info td.subtotal,
#customer-info td.subtotal,
#wc_newmemberform td.subtotal,
#memberinfo td.subtotal {
  vertical-align: middle;
}

#delivery-info td,
#customer-info td,
#wc_newmemberform td,
#memberinfo td {
  line-height: 150%;
  color: #333333;
  padding-top: 5px;
  padding-right: 10px;
  padding-bottom: 5px;
  padding-left: 10px;
  border: 1px solid #e6e6e6;
}

#delivery-info td.order_number,
#customer-info td.order_number,
#wc_newmemberform td.order_number,
#memberinfo td.order_number {
  padding: 0;
  white-space: nowrap;
  text-align: center;
}

#delivery-info td.purchase_date,
#customer-info td.purchase_date,
#wc_newmemberform td.purchase_date,
#memberinfo td.purchase_date {
  padding: 0;
  white-space: nowrap;
  text-align: center;
}

#delivery-info td.purchase_price,
#customer-info td.purchase_price,
#wc_newmemberform td.purchase_price,
#memberinfo td.purchase_price {
  padding: 0;
  white-space: nowrap;
}

#delivery-info td.used_point,
#customer-info td.used_point,
#wc_newmemberform td.used_point,
#memberinfo td.used_point {
  padding: 0;
  white-space: nowrap;
}

#delivery-info td.discount,
#customer-info td.discount,
#wc_newmemberform td.discount,
#memberinfo td.discount {
  padding: 0;
  white-space: nowrap;
}

#delivery-info td.shipping,
#customer-info td.shipping,
#wc_newmemberform td.shipping,
#memberinfo td.shipping {
  padding: 0;
  white-space: nowrap;
}

#delivery-info td.cod,
#customer-info td.cod,
#wc_newmemberform td.cod,
#memberinfo td.cod {
  padding: 0;
  white-space: nowrap;
}

#delivery-info td.tax,
#customer-info td.tax,
#wc_newmemberform td.tax,
#memberinfo td.tax {
  padding: 0;
  white-space: nowrap;
}

#delivery-info td.get_point,
#customer-info td.get_point,
#wc_newmemberform td.get_point,
#memberinfo td.get_point {
  padding: 0;
  white-space: nowrap;
}

#delivery-info td.retail,
#customer-info td.retail,
#wc_newmemberform td.retail,
#memberinfo td.retail {
  margin: 0px;
  padding: 0px;
}

#delivery-info .blank_cell,
#customer-info .blank_cell,
#wc_newmemberform .blank_cell,
#memberinfo .blank_cell {
  width: 3px;
  padding: 0;
}

#delivery-info h3,
#customer-info h3,
#wc_newmemberform h3,
#memberinfo h3 {
  color: #ffffff;
  background-color: #999;
  padding: 5px;
  margin-bottom: 10px;
}

#delivery-info .send,
#customer-info .send,
#wc_newmemberform .send,
#memberinfo .send {
  text-align: center;
  width: auto;
  margin-right: auto;
  margin-left: auto;
  padding-top: 10px;
}

#delivery-info .customer_form input#zipcode,
#customer-info .customer_form input#zipcode,
#wc_newmemberform .customer_form input#zipcode,
#memberinfo .customer_form input#zipcode {
  width: 100px;
}

#delivery-info .customer_form em,
#customer-info .customer_form em,
#wc_newmemberform .customer_form em,
#memberinfo .customer_form em {
  font-style: normal;
  color: #ff0000;
}

@media only screen and (max-width: 767px) {
  #delivery-info select,
  #customer-info select,
  #wc_newmemberform select,
  #memberinfo select {
    width: 100%;
  }
  #delivery-info td, #delivery-info th,
  #customer-info td,
  #customer-info th,
  #wc_newmemberform td,
  #wc_newmemberform th,
  #memberinfo td,
  #memberinfo th {
    width: 100% !important;
    display: block;
    text-align: left !important;
  }
  #delivery-info .order_head_label,
  #customer-info .order_head_label,
  #wc_newmemberform .order_head_label,
  #memberinfo .order_head_label {
    display: none;
  }
  #delivery-info .order_head_value td:before,
  #customer-info .order_head_value td:before,
  #wc_newmemberform .order_head_value td:before,
  #memberinfo .order_head_value td:before {
    display: inline-block;
    width: 100px;
  }
  #delivery-info .order_head_value .order_number,
  #customer-info .order_head_value .order_number,
  #wc_newmemberform .order_head_value .order_number,
  #memberinfo .order_head_value .order_number {
    background-color: #999;
    color: #fff;
    font-weight: bold;
    font-size: 120%;
  }
  #delivery-info .order_head_value .order_number:before,
  #customer-info .order_head_value .order_number:before,
  #wc_newmemberform .order_head_value .order_number:before,
  #memberinfo .order_head_value .order_number:before {
    content: "注文番号：";
  }
  #delivery-info .order_head_value .purchase_date:before,
  #customer-info .order_head_value .purchase_date:before,
  #wc_newmemberform .order_head_value .purchase_date:before,
  #memberinfo .order_head_value .purchase_date:before {
    content: "購入日：";
  }
  #delivery-info .order_head_value .purchase_price:before,
  #customer-info .order_head_value .purchase_price:before,
  #wc_newmemberform .order_head_value .purchase_price:before,
  #memberinfo .order_head_value .purchase_price:before {
    content: "合計金額：";
  }
  #delivery-info .order_head_value .discount:before,
  #customer-info .order_head_value .discount:before,
  #wc_newmemberform .order_head_value .discount:before,
  #memberinfo .order_head_value .discount:before {
    content: "特別割引：";
  }
  #delivery-info .order_head_value .shipping:before,
  #customer-info .order_head_value .shipping:before,
  #wc_newmemberform .order_head_value .shipping:before,
  #memberinfo .order_head_value .shipping:before {
    content: "送料：";
  }
  #delivery-info .order_head_value .cod:before,
  #customer-info .order_head_value .cod:before,
  #wc_newmemberform .order_head_value .cod:before,
  #memberinfo .order_head_value .cod:before {
    content: "代引き手数料：";
  }
  #delivery-info .order_head_value .tax:before,
  #customer-info .order_head_value .tax:before,
  #wc_newmemberform .order_head_value .tax:before,
  #memberinfo .order_head_value .tax:before {
    content: "内消費税：";
  }
}

@media only screen and (max-width: 767px) {
  #delivery-info table.retail,
  #customer-info table.retail,
  #wc_newmemberform table.retail,
  #memberinfo table.retail {
    margin-bottom: 30px;
  }
  #delivery-info table.retail thead,
  #customer-info table.retail thead,
  #wc_newmemberform table.retail thead,
  #memberinfo table.retail thead {
    display: none !important;
  }
  #delivery-info table.retail .cartrownum,
  #customer-info table.retail .cartrownum,
  #wc_newmemberform table.retail .cartrownum,
  #memberinfo table.retail .cartrownum {
    background-color: #ccc;
    color: #fff;
    text-align: center !important;
  }
  #delivery-info table.retail td:before,
  #customer-info table.retail td:before,
  #wc_newmemberform table.retail td:before,
  #memberinfo table.retail td:before {
    min-width: 100px;
    display: inline-block;
  }
  #delivery-info table.retail td.thumbnail,
  #customer-info table.retail td.thumbnail,
  #wc_newmemberform table.retail td.thumbnail,
  #memberinfo table.retail td.thumbnail {
    text-align: center !important;
  }
  #delivery-info table.retail td.thumbnail img,
  #customer-info table.retail td.thumbnail img,
  #wc_newmemberform table.retail td.thumbnail img,
  #memberinfo table.retail td.thumbnail img {
    width: auto !important;
    height: auto !important;
  }
  #delivery-info table.retail td.price:before,
  #customer-info table.retail td.price:before,
  #wc_newmemberform table.retail td.price:before,
  #memberinfo table.retail td.price:before {
    content: "単価：";
  }
  #delivery-info table.retail td.quantity:before,
  #customer-info table.retail td.quantity:before,
  #wc_newmemberform table.retail td.quantity:before,
  #memberinfo table.retail td.quantity:before {
    content: "数量：";
  }
  #delivery-info table.retail td.subtotal:before,
  #customer-info table.retail td.subtotal:before,
  #wc_newmemberform table.retail td.subtotal:before,
  #memberinfo table.retail td.subtotal:before {
    content: "金額（税込）：";
  }
}

.member_sec {
  margin-top: -110px;
  padding-top: 110px;
}

#newmember table {
  margin: 0px;
  padding: 0px;
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-collapse: collapse;
  width: 100%;
}

#newmember table .num {
  font-size: 14px;
}

#newmember table .rightnum {
  font-size: 14px;
  text-align: right;
  padding-right: 5px;
}

#newmember th {
  text-align: left;
  padding: 5px;
  margin-right: auto;
  margin-left: auto;
  border: 1px solid #e6e6e6;
  background-color: #f8f8f8;
  line-height: 150%;
  font-weight: bold;
  color: #4e5020;
  width: 200px;
}

#newmember td {
  font-size: 12px;
  line-height: 150%;
  color: #333333;
  padding-top: 5px;
  padding-right: 10px;
  padding-bottom: 5px;
  padding-left: 10px;
  border: 1px solid #e6e6e6;
}

#newmember .send {
  text-align: center;
  width: auto;
  margin-right: auto;
  margin-left: auto;
  padding-top: 10px;
}

#newmember .customer_form input#zipcode {
  width: 100px;
}

#newmember .customer_form input#mailaddress1,
#newmember .customer_form input#mailaddress2,
#newmember .customer_form input#address1,
#newmember .customer_form input#address2,
#newmember .customer_form input#address3 {
  width: 200px;
}

#newmember .customer_form em {
  font-style: normal;
  color: #ff0000;
}

table.retail td {
  white-space: normal;
  word-break: break-all;
}

#retail_table td {
  white-space: normal;
  word-break: break-all;
}

#newmember .agree_member_area,
#customer-info .agree_member_area {
  margin: 20px;
}

#newmember .at_exp_text,
#customer-info .at_exp_text {
  text-align: left;
  width: 90%;
  margin: auto;
}

#newmember .at_cont_text,
#customer-info .at_cont_text {
  height: 200px;
  width: 80%;
  display: block;
  margin: 10px auto;
}

#newmember .at_check_area,
#customer-info .at_check_area {
  text-align: center;
  font-size: 1.5em;
}

/* End USCES Member page style */
/*********************************************************************/
/* catbox */
.two-column .catbox {
  max-width: 1170px;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.catbox .post .itemlist {
  border-bottom: 1px dashed #CCCCCC;
  padding-top: 10px;
  padding-bottom: 10px;
}

.catbox .post .entry {
  border-bottom: 1px dashed #CCCCCC;
  padding-top: 10px;
  padding-bottom: 10px;
}

.businessday {
  background-color: #FFECCE;
  color: #ff0000;
}

.businesstoday {
  color: #000000;
  font-weight: bold;
}

/************************************************************************************/
/* liwpp */
.liwpp_area {
  width: 100%;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 20px;
}

/************************************************************************************/
/* postal code address search */
input#search_zipcode {
  margin-left: 3px;
  width: auto;
}

/*======================================================

2017/07/10

======================================================*/
.continue_shopping_button, .renewal_button, .to_confirm_button, .to_customerinfo_button, .back_to_customer_button, .checkout_button, .back_to_delivery_button, .to_deliveryinfo_button, .back_cart_button, .customerlogin_button, .to_reganddeliveryinfo_button, .upbutton input, .send input {
  border-radius: 3px;
  background-color: #7d6646;
  border: none !important;
  font-weight: bold !important;
  color: #fff !important;
  padding: 5px 10px;
  margin: 5px;
}

select, input, textarea {
  border: 1px solid #CACACA;
  background-color: #fcfcfc;
  padding: 5px;
  box-sizing: border-box;
  font: 99%/1.6 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", Osaka, "ＭＳ Ｐゴシック","メイリオ", Meiryo, sans-serif;
}

textarea {
  width: 100%;
}

/*======================================================

member_side

======================================================*/
#member_side h4 a {
  color: #000;
}

#member_side .side_inner {
  margin-bottom: 30px;
}

#member_side ul {
  padding-left: 10px;
}

#member_side li {
  list-style: none;
}

#member_side a.mypage_btn {
  background-color: #7d6646;
  padding: 10px;
  border-radius: 3px;
  color: #FFF;
  letter-spacing: 0;
}

/*# sourceMappingURL=styles.css.map */