@charset "UTF-8";
@import url("page-common.css");

/*--------------------------------------------------------------------*/
/* 通信販売 */
/*--------------------------------------------------------------------*/

#mailorder {
}
#mailorder section {
	margin-bottom: 50px;
}
#mailorder section h3 {
	font-size: 20px;
	font-size: 2.0rem;
	margin-bottom: 1em;
}
#mailorder section > p {
	text-align: center;
}

/*pageHeader
--------------------------------------------------------------------*/
#mailorder .pageHeader .lead {
	font-size: 18px;
	font-size: 1.8rem;
}

/*order
--------------------------------------------------------------------*/
#mailorder .order {
}
#mailorder .order dt {
	background: #666;
	color: #fff;
	font-size: 18px;
	font-size: 1.8rem;
	padding: 0.5em 0;
	text-align: center;
}
#mailorder .order dt i {
	margin-right: 0.5em;
}
#mailorder .order dd {
}
#mailorder .order dd strong {
	background: url(../img/common/logo_freedial.png) no-repeat left center;
	background-size: auto 80%;
	font-size: 36px;
	font-size: 3.6rem;
  font-weight: 600;
  font-family: 'Source Sans Pro', sans-serif;
	padding-left: 70px;
}
#mailorder .order dd p {
	font-size: 18px;
	font-size: 1.8rem;
}
#mailorder .order dd li {
}
#mailorder .order .links {
	width: 80%;
	margin: 1em auto;
	font-size: 18px;
	font-size: 1.8rem;
	text-align: center;
}
#mailorder .order .links li {
	margin-bottom: 0.5em;
}
#mailorder .order .links .ordersheet {
}
#mailorder .order .links .relatedNav {
	margin-bottom: 0.5em;
}
#mailorder .order .links span {
	font-size: 14px;
	font-size: 1.4rem;
	margin-right: 0.5em;
}

/*catalog
--------------------------------------------------------------------*/
#mailorder .catalog {
}
#mailorder .catalog h4 {
	height: 3em;
}
#mailorder .catalog li a {
	display: block;
	background: #f5f5f5;
	color: #000;
	padding: 10px;
}
#mailorder .catalog li a:hover {
  background: #e0dcf1;
}


/*--------------------------------------------------------------------*/
/* KAP会員制度について */
/*--------------------------------------------------------------------*/

#kap {
}
#kap section {
	margin-bottom: 50px;
}
#kap section h3 {
	font-size: 20px;
	font-size: 2.0rem;
	margin-bottom: 1em;
}
#kap .point li {
	margin-bottom: 1em;
}
#kap .point li em {
	color: #853d85;
	font-size: 24px;
	font-size: 2.4rem;
  font-weight: 600;
	font-style: normal;
  font-family: 'Source Sans Pro', sans-serif;
}

/*pageHeader
--------------------------------------------------------------------*/
#kap .pageHeader p {
	margin-bottom: 0.5em;
}
#kap .pageHeader .lead {
	font-size: 18px;
	font-size: 1.8rem;
}

/*privilege
--------------------------------------------------------------------*/
#kap table {
	margin-top: 1em;
}
#kap table thead {
  display: none;
}
#kap table td,
#kap table th {
  display: block;
}
#kap table th{
  text-align: left;
}
#kap table tbody tr td:nth-of-type(2){
	color: #e91195;
	font-weight: bold;
}
#kap table tr th:before{
  content: "[カタログ内表示]";
}
#kap table tr td:nth-of-type(1):before{
  content: "[アイテム]";
}
#kap table tr td:nth-of-type(2):before{
  content: "[割引率]";
}
#kap table tr td:last-child{
  margin-bottom: 2em;
}
.ie9 #kap table td,
.ie9 #kap table th{
  float: left;
  width: 100%;
}

@media print, screen and (min-width:  670px) {
  #kap table {
		width: 100%;
    border-collapse: collapse;
  }
  #kap table thead {
    display: table-header-group;
		font-weight: bold;
  }
  #kap table thead td {
    background: #e0dcf1;
    text-align: center;
  }
  #kap table td,
  #kap table th{
    display: table-cell;
    padding: 5px;
    border: 1px #999 solid;
  }
  .ie9 #kap table td,
  .ie9 #kap table th{
    float: none;
    width: auto;
  }
	#kap table tr th,
  #kap table tr td:nth-of-type(2){
    white-space: nowrap;
  }
	#kap table tr th:before,
	#kap table tr td:nth-of-type(1):before,
  #kap table tr td:nth-of-type(2):before {
    content: "";
  }
}

/*entry
--------------------------------------------------------------------*/
#kap .entry {
}
#kap .entry p {
	font-size: 18px;
	font-size: 1.8rem;
}
#kap .entry p strong {
	background: url(../img/common/logo_freedial.png) no-repeat left center;
	background-size: auto 80%;
	font-size: 36px;
	font-size: 3.6rem;
  font-weight: 600;
  font-family: 'Source Sans Pro', sans-serif;
	padding-left: 70px;
}

/*--------------------------------------------------------------------*/
/* オーダーガイド */
/*--------------------------------------------------------------------*/

#guide {
}
#guide section {
	margin-bottom: 50px;
}
#guide section h3 {
	font-size: 20px;
	font-size: 2.0rem;
	margin-bottom: 1em;
}

/*order
--------------------------------------------------------------------*/
#guide .order {
}
#guide .order dt {
	background: #666;
	color: #fff;
	font-size: 18px;
	font-size: 1.8rem;
	padding: 0.5em 0;
	text-align: center;
}
#guide .order dt i {
	margin-right: 0.5em;
}
#guide .order dd {
}
#guide .order dd strong {
	background: url(../img/common/logo_freedial.png) no-repeat left center;
	background-size: auto 80%;
	font-size: 36px;
	font-size: 3.6rem;
  font-weight: 600;
  font-family: 'Source Sans Pro', sans-serif;
	padding-left: 70px;
}
#guide .order dd p {
	font-size: 18px;
	font-size: 1.8rem;
}
#guide .order dd li {
}
#guide .order > p {
	text-align: center;
}
#guide .order .links {
	width: 80%;
	margin: 1em auto;
	font-size: 18px;
	font-size: 1.8rem;
	text-align: center;
}
#guide .order .links li {
	margin-bottom: 0.5em;
}
#guide .order .links .ordersheet {
}
#guide .order .links .relatedNav {
	margin-bottom: 0.5em;
}
#guide .order .links span {
	font-size: 14px;
	font-size: 1.4rem;
	margin-right: 0.5em;
}

/*delivery
--------------------------------------------------------------------*/
#guide .delivery {
}
#guide .delivery p {
	font-size: 16px;
	font-size: 1.6rem;
	margin-bottom: 0.5em;
}
#guide .delivery ul {
	margin-bottom: 1em;
}
#guide .delivery table {
	margin: 1em 0 0.5em;
}
#guide .delivery table thead {
  display: none;
}
#guide .delivery table td,
#guide .delivery table th {
  display: block;
}
#guide .delivery table tr th:before{
  content: "[お買い上げ合計]";
}
#guide .delivery table tr td:nth-of-type(1):before{
  content: "[配送料／一般]";
}
#guide .delivery table tr td:nth-of-type(2):before{
  content: "[配送料／KAP会員]";
}
#guide .delivery table tr td:last-child{
  margin-bottom: 2em;
}
.ie9 #guide .delivery table td,
.ie9 #guide .delivery table th{
  float: left;
  width: 100%;
}

@media print, screen and (min-width:  670px) {
  #guide .delivery table {
		width: 100%;
    border-collapse: collapse;
  }
  #guide .delivery table thead {
    display: table-header-group;
		font-weight: bold;
  }
  #guide .delivery table thead td {
    background: #e0dcf1;
    text-align: center;
  }
  #guide .delivery table td,
  #guide .delivery table th{
    display: table-cell;
    padding: 5px;
    border: 1px #999 solid;
		text-align: center;
  }
  .ie9 #guide .delivery table td,
  .ie9 #guide .delivery table th{
    float: none;
    width: auto;
  }
	#guide .delivery table tr th,
  #guide .delivery table tr td:nth-of-type(1),
  #guide .delivery table tr td:nth-of-type(2){
    white-space: nowrap;
  }
	#guide .delivery table tr th:before,
	#guide .delivery table tr td:nth-of-type(1):before,
  #guide .delivery table tr td:nth-of-type(2):before {
    content: "";
  }
}


/*payment
--------------------------------------------------------------------*/
#guide .payment {
}
#guide .payment p {
	margin-bottom: 1em;
}
#guide .payment dt {
	color: #853d85;
	font-size: 18px;
	font-size: 1.8rem;
}
#guide .payment dt em {
	font-size: 24px;
	font-size: 2.4rem;
  font-weight: 600;
	font-style: normal;
  font-family: 'Source Sans Pro', sans-serif;
}
#guide .payment dd {
	margin-bottom: 1em;
}


/*return
--------------------------------------------------------------------*/
#guide .return p {
	margin-bottom: 1em;
}
#guide .return .customer {
	font-size: 18px;
	font-size: 1.8rem;
	margin-bottom: 0em;
}
#guide .return .tel {
	font-size: 36px;
	font-size: 3.6rem;
  font-weight: 600;
  font-family: 'Source Sans Pro', sans-serif;
	margin-bottom: 0em;
}