@charset "UTF-8";

/* ▼ボタン色上書き▼ */
:root{
  --color-primary-button-text--changed: var(--color-white);
  --color-primary-button-bg--changed: inherit;

  --color-secondary-button-text--changed: var(--color-primary);
}

*.c-button{
  font-family: var(--font-ja);
  cursor: pointer;
}

*.c-button__primary:visited,
*.c-button__primary:hover{
  color: var(--color-primary-button-text--changed);
}

*.c-button__secondary:visited,
*.c-button__secondary:hover{
  color: var(--color-secondary-button-text--changed);
}
/* ▲ボタン色上書き▲ */

body{
  font-size: unset;
}

#Wrap {
	width: auto;
	margin: 0px auto;
}

#Foot {
	width:100%;
	clear:both;
	border-top: 1px solid #ccc;
	padding: 15px 0;
}

#Foot .inner {
	width: 980px;
	text-align: left;
	margin: 0px auto;
	position: relative;
}

#UserArea{
  width:502px;
  float:right;
  line-height:1em!important;
  font-size:10px;
  text-align:right!important;
  height:73px;
}
#UserArea div.subbox,
#UserArea p.link,
#UserArea p.link a{
  padding: inherit;
  text-align: auto;
}

a,
a:visited,
a:hover,
a:active{
  color: inherit;
  text-decoration: inherit;
  overflow: inherit;
}

*:focus-visible,
a:focus-visible{
  outline: auto;
}

.error_inline{
  padding: unset;
  display: inline-block;
}

div,
form,
h1,
h2,
h3,
h4,
ul,
li,
dl,
dt,
dd,
p{
  line-height: unset;
}

p,
dt,
dd{
  text-align: inherit;
}

.pdg_bottomA,
.pdg_bottomB,
.pdg_topA,
.pdg_topB,
.pdg_topC,
.pdg_leftA,
.pdg_leftB{
  padding: 0;
}

.error,
.error span {
  color: inherit;
}

#dvErrorInfoBox #dvErrorInfo{
  padding: 0;
  border: none;
}

.fred{
  color: var(--color-emphasis);
}

.input_border{
  border: none;
}

.input_widthA,
.input_widthB,
.input_widthC,
.input_widthD,
.input_widthE,
.input_widthF,
.input_widthG{
  width: unset;
}

input.mailAddr{
  width: 100%;
}

select.year,
select.month,
select.date{
  width: 100%;
}

#Wrap:after,
.wrapBottom:after,
#Contents:after,
#Header:after,
#Head:after,
#HeadCart:after,
#HeadCart div.right:after,
.head_productlist:after,
.head_search:after,
.sumBox p:after,
.sumBox dl:after,
.shoppingCart div.singleProduct dl:after,
.shoppingCart div.multiProduct dl:after,
.shoppingCart div.subCartList div.block:after,
#Order div.main:after,
.orderBox div.box dl:after,
.orderBox div.userProduct dl:after,
#CartList div.productList div.product dl.name:after,
.orderDetail:after,
.orderComplete div.productList dl.name:after,
.orderComplete div.cartOrder:after,
.orderBox div.bottom:after{
  content: none;
}

#breadcrumb {
	padding: inherit;
	margin-bottom: inherit;
}

#dvUserFltContents{
  width: 100%;
  display: block;
  float: unset;
}

#dvUserContents .unit,
#dvUserFltContents .unit{
  padding: 0;
  border: none;
}

#pagination {
	margin: inherit;
}

#pagination p {
	padding: inherit;
	font-size: inherit;
}

#Contents div.main {
	width: 100%;
	padding: inherit;
	margin: auto;
	background: none;
}

#CartList div.btmbtn{
  margin-top: 0;
  border-top: none;
}

div.btmbtn ul{
  text-align: inherit;
  position: static;
}

div.btmbtn ul li{
  display: block;
  margin: 0;
}

.userList{
  padding: 0;
}

.userList dt{
  padding-top: inherit;
  font-weight: inherit;
  color: inherit;
}

#CartList a{
  text-decoration: none;
}

#CartList div,
#CartList p,
#CartList dt,
#CartList dd,
#CartList{
  line-height: unset;
}

#CartList h3:not(.c-heading){
  color: inherit;
  font-size: 1.6rem;
  padding: 1.025rem 0;
  background-color: var(--color-secondary);
}

#CartList h3.c-heading{
  padding: 0 0 1rem 0;
  color: inherit;
  font-size: 1.8rem;
  background-color: inherit;
}

@media (min-width: 768px) {
  #CartList h3.c-heading.c-heading--large{
    font-size: 2rem;
  }
}

.orderBox{
  margin-top: 0;
  background: none;
}

.shoppingCart{
  width: 100%;
  float: none;
}

.shoppingCart div.subCartList{
  margin-top: 0;
  background-image: none;
}

.shoppingCart h2{
  width: 100%;
}

.shoppingCart div.subCartList div.block{
  padding: 0;
}

.c-form__item--list > dd img{
  max-width: 100%;
}

.ordercomplete .c-lead > p{
  text-align: inherit;
}

.orderComplete{
  padding: 0;
  width: unset;
}

.orderComplete p, dt, dd{
  text-align: inherit;
}

#dvRecommend{
  margin: unset;
  clear: unset;
}

.clearFix{
  margin-bottom: unset;
  min-height: unset;
}

.clearFix:after{
  content: none;
}

.glbPlist.column4{
  width: 48.695652%;
  border: none;
  float: none;
  background-color: unset;
}

.glbPlist ul{
  padding: unset;
}

.glbPlist ul li{
  margin-bottom: 0;
}

.glbPlist li .soldout{
  top: 0;
  height: 100%;
  line-height: unset;
  color: var(--color-white);
}

.glbPlist.column4 ul li.thumb img{
  width: inherit;
}

.glbPlist ul li.name{
  font-size: 1.4rem;
  line-height: inherit;
}

.glbPlist ul li.price{
  font-size: inherit;
  line-height: inherit;
  padding-top: unset;
  border-top: none;
}

.glbPlist ul li.price p{
  line-height: inherit;
}

@media (min-width: 768px) {
  .glbPlist.column4{
    width: 26.7rem;
  }
}

#dvCheckList{
  margin-top: 1rem;
  clear: unset;
}

#sortBox ul{
  float: none;
}

#sortBox ul li{
  float: none;
  border: none;
}

#sortBox ul li.active{
  padding: 1.5rem 1rem;
  font-size: inherit;
  height: unset;
  line-height: unset;
  color: var(--color-white);
}

#sortBox ul li a{
  padding: 1.5rem 1rem;
  font-size: inherit;
  height: unset;
  line-height: inherit;
  background-color: transparent;
}