@charset "utf-8";

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


  ◇◆◇ お支払方法・送料 ◇◆◇
  
  
========================================================================================================================*/

#l-pgHeadline .hd { background-image:url(../image/pgHeadline.png); }
#ct { padding-bottom:0; }
  
.atList { list-style:none; }
.atList li {
  padding-left:1.25em;
  line-height:1.6;
}
.atList li:before {
  content:"●";
  margin-left:-1.25em;
  margin-right:0.25em;
}

/*----------------------------------------------------------------------------------------------------

  お支払方法
  
----------------------------------------------------------------------------------------------------*/

.pay_hd {
  background-image:url(../image/pay_hd.png);
}

.pay dd .atList { text-align:left; }
.pay dd .atList li {
  padding-top:0.15rem;
  padding-bottom:0.15rem;
}

.pay dd .mtList { list-style:none; }
.pay dd .mtList li { box-sizing:border-box; }

@media print,screen and (min-width:641px) {
  .pay {
    padding-top:70px;
    padding-bottom:70px;
  }

  .pay_ftxt { font-size:118.8%; }
  
  .pay dl { margin-top:40px; }
  .pay dt img { max-height:70px; }

  .pay dd { padding:30px; }
  .pay dd .yamato { height:40px; float:left; }
  
  .pay dd .atList {
    float:left;
    padding-left:370px;
    margin-top:-40px;
  }
  
  .pay dd .mtList {
    padding-top:30px;
  }

  .pay dd .mtList li {
    width:50%;
    float:left;
  }

  .pay dd .mtList li:nth-child(even),
  .pay .web .mtList li:nth-child(3) { padding-left:5px; }
  .pay dd .mtList li:nth-child(odd),
  .pay .web .mtList li:nth-child(2) { padding-right:5px; }
  .pay dd .mtList li:nth-child(n+3),
  .pay .web .mtList li:nth-child(n+2) { padding-top:10px; }
  
  .pay .web .mtList li.web_creditcard {
    width:100%;
    height:190px;
    margin-left:5px;
    margin-right:5px;
    background:url(../image/web_creditcard.jpg?v=0304) no-repeat center top;
    background-size:cover;
  }
  
  .pay .web .mtList li.web_creditcard img {
    display:none;
  }
}
  
@media screen and (max-width:640px) {
  .pay {
    padding-top:2.5rem;
    padding-bottom:2.5rem;
  }
  
  .pay_ftxt { text-align:left; }
  
  .pay dl { margin-top:1.5rem; }
  .pay dt img { max-height:3.5rem; }
  
  .pay dd { padding:2rem 1.5rem 1rem 1.5rem; }
  .pay dd .yamato { max-height:35px; }
  
  .pay dd .atList { margin-top:1.5rem; }
  
  .pay dd .mtList { padding-top:1rem; margin-left:-0.5rem; margin-right:-0.5rem; }
  .pay dd .mtList li { padding-top:0.5rem; }
}


/*-----------------------------------------------------------------------------------
  代引
-----------------------------------------------------------------------------------*/

.pay .daibiki dt { background-color:#14a064; }
.pay .daibiki dd { background-color:#e5f7ef; }
.pay .daibiki dd .atList li:before { color:#72c6a2; }


/*-----------------------------------------------------------------------------------
  webコレクト
-----------------------------------------------------------------------------------*/

.pay .web dt { background-color:#e4b122; }
.pay .web dd { background-color:#fff7e5; }
.pay .web dd .atList li:before { color:#efd07a; }


/*----------------------------------------------------------------------------------------------------

  送料
  
----------------------------------------------------------------------------------------------------*/

.shopping-cost {
  max-width:900px;
  text-align:left;
}

.shopping-cost_hd {
  background-image:url(../image/shopping-cost_hd.png);
}

.shopping-cost .atList li:nth-child(n+2) { padding-top:0.5rem; }
.shopping-cost .atList li:before { color:#70b3d5; }

@media print,screen and (min-width:641px) {
  .shopping-cost .atList { margin-bottom:40px; font-size:118.8%; }
}

@media screen and (max-width:640px) {
  .shopping-cost .atList { margin-bottom:1.5rem; }
}

#shopping-cost_tbl {
  width:100%;
  border-collapse:collapse;
}

#shopping-cost_tbl th,
#shopping-cost_tbl td {
  padding:1rem;
  vertical-align:middle;
  border:1px solid #419ac7;
  line-height:1.4;
  white-space:nowrap;
}

#shopping-cost_tbl thead .cp th {
  background-color:#1080b9;
  border-color:#1080b9;
  color:#fff;
  font-weight:bold;
  text-align:left;
  font-size:118.8%;
}

#shopping-cost_tbl thead .cp th small {
  font-weight:normal;
  font-size:87.5%;
}

#shopping-cost_tbl thead .hd th {
  text-align:center;
  background-color:#dbf0f7;
  font-weight:normal;
}

#shopping-cost_tbl tbody th {
  font-weight:normal;
  text-align:center;
}

#shopping-cost_tbl tbody tr:nth-child(n+2) td:last-child,
#shopping-cost_tbl tbody tr:first-child td:nth-last-child(2) {
  text-align:right;
  width:12%;
}

#shopping-cost_tbl tbody tr:first-child td:last-child {
  text-align:center;
  width:12%;
}

@media print,screen and (min-width:641px) {
  #shopping-cost_tbl td .chiiki-PCkai {
    display:block;
  }
  
  #shopping-cost_tbl td .chiiki-SPkai:before {
    content:"・";
    display:inline-block;
  }
}

@media screen and (max-width:640px) {
  #shopping-cost_tbl td .chiiki-SPkai {
    display:block;
  }
  
  #shopping-cost_tbl td .chiiki-SPkai br.sp-none:before {
    content:"・";
    display:inline-block;
  }
  
  #shopping-cost_tbl td .chiiki-PCkai:before {
    content:"・";
    display:inline-block;
  }
}


/*----------------------------------------------------------------------------------------------------

  販売者
  
----------------------------------------------------------------------------------------------------*/

.seller-info {
  max-width:900px;
  text-align:left;
  padding-top:70px;
}
@media screen and (max-width:640px) {
    .seller-info {
        padding-top:2.5rem;
    }
}

.seller-info_hd {
  background-image:url(../image/seller-info_hd.png);
}

#seller-info_tbl {
  width:100%;
  border-collapse:collapse;
}

#seller-info_tbl th,
#seller-info_tbl td {
  text-align:left;
  line-height:1.4;
  vertical-align:middle;
  border:1px solid #419ac7;
  padding:1rem;
  white-space:nowrap;
}

#seller-info_tbl thead th {
  color:#fff;
  font-size:118.8%;
  font-weight:bold;
  text-align:left;
  background-color:#1080b9;
  border-color:#1080b9;
}

#seller-info_tbl tbody th {
  font-weight:normal;
  text-align:center;
  background-color:#dbf0f7;
}


/*----------------------------------------------------------------------------------------------------

  返品・発送について
  
----------------------------------------------------------------------------------------------------*/

.otInfo-warp {
  background-color:#e2f3f8;
}

.otInfo-warp:after {
  content:"";
  display:block;
  width:100%;
  background-color:#e2f3f8;
}

.otInfo dl {
  background-color:#fff;
  box-sizing:border-box;
}

.otInfo dd { text-align:left; padding-top:1.25rem; }
  

@media print,screen and (min-width:641px) {
  .otInfo-warp {
    margin-top:70px;
    padding-top:70px;
    padding-bottom:70px;
  }
  
  .otInfo-warp:after { height:41px; }
  
  .otInfo dl {
    float:left;
    width:570px;
    padding:30px;
  }
  
  .otInfo dl.henpin { margin-right:40px; }
  .otInfo dt { padding-top:0.25rem; }
}

@media screen and (max-width:640px) {
  .otInfo-warp {
    margin-top:2.5rem;
    padding-top:1.25rem;
    padding-bottom:1.5rem;
  }
  
  .otInfo-warp:after { padding-top:4%; }
  
  .otInfo dl {
    padding:2rem 1.5rem;
  }
}


/*-----------------------------------------------------------------------------------
  返品条件等
-----------------------------------------------------------------------------------*/

.otInfo .henpin ol {
  margin-left:1.3rem;
  line-height:1.6;
}

.otInfo .henpin li:nth-child(n+2) { padding-top:0.5rem; }


/*-----------------------------------------------------------------------------------
  商品の発送と納期
-----------------------------------------------------------------------------------*/

.otInfo .hassou dd .atList { padding-top:0.5rem; }
.otInfo .hassou dd .atList li { padding-top:0.5rem; color:#1080b9; }
.otInfo .hassou dd .atList li:before { color:#70b3d5; }

@media screen and (max-width:640px) {
  .otInfo .hassou { margin-top:1rem; }
}