@charset "UTF-8";
/* CSS適用ページは下記 */
/* 【「即配」サービスのご紹介】　/guide/expressdelivery/ */

.expressdelivery-main {
  width: 656px;
  margin: 0 auto 50px;
	
}
@media (max-width: 768px) {
  .expressdelivery-main {
    width: auto;
    margin-bottom: 60px;
  }
}
.expressdelivery-main .guide-sub {
	margin: 15px 1rem 40px 0;
}
@media (max-width: 768px) {
  .expressdelivery-main .guide-sub {
    line-height: 2;
    margin: 20px 1rem 40px 1rem;
    text-indent: -0.7em;
    padding-left: 1em;
  }
}
@media (max-width: 768px) {
  .guide-inner .expressdelivery-main .guide-sub {
    line-height: 2;
    margin: 20px 0 40px 0;
    text-indent: -0.7em;
    padding-left: 1em;
  }
}
.expressdelivery-method .main-pic {
  margin: 30px 0;
}
@media (max-width: 768px) {
  .expressdelivery-method .main-pic {
    margin: 20px 0;
  }
}
.expressdelivery-method .main-pic img {
  margin: 30px 0;
}
.expressdelivery-method .main-pic img.pcImg {
	display: block;
	margin: 0 auto;
}
.expressdelivery-method .main-pic img.spImg {
	display: none;
}
@media (max-width: 768px) {
  .expressdelivery-method .main-pic img.pcImg {
  	display: none;
  }
  .expressdelivery-method .main-pic img.spImg {
  	display: block;
  }
}
.expressdelivery-method .main-pic + p {
	margin: -20px 0 0 0;
}
@media (max-width: 768px) {
  .expressdelivery-method .main-pic + p {
    margin: -10px 0 0 0;
  }
}
@media (max-width: 768px) {
  .expressdelivery-main .main-txt {
    padding: 0 1rem;
  }
}
.expressdelivery-main .main-txt p {
  margin-bottom: 25px;
}
.expressdelivery-main .main-txt p:last-child {
  margin-bottom: 0;
}
.expressdelivery-method {
  margin-bottom: 80px;
  counter-reset: number 0;
}
.expressdelivery-method .method-ttl {
  font-weight: bold;
  text-align: center;
  position: relative;
}
.expressdelivery-method .method-box {
  height: 150px;
  margin-top: 120px;
  position: relative;
}
@media (max-width: 768px) {
.expressdelivery-method .method-box {
  height: auto; /* 高さは自動に */
  margin-top: 80px; /* 適宜調整 */
  position: static; /* position解除 */
}
}
.favorite-box {
  height: 300px;
  margin-top: 120px;
  position: relative;
}
@media (max-width: 768px) {
  .favorite-box {
    height: auto;
      margin-top: 80px;
  }
}
.expressdelivery-method .method-box .method-headline {
  font-weight: bold;
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 768px) {
  .expressdelivery-method .method-box .method-headline {
    text-align: center;
    margin-bottom: 25px;
    position: static;
  }
}
.expressdelivery-method .method-box .method-headline::before {
  font-weight: normal;
  margin-right: 10px;
  counter-increment: number 1;
  content: counter(number) ".";
}
.expressdelivery-method .method-box .method-pic {
  width: 36.0%;
  position: absolute;
  right: 0;
  /*border: 1px solid #ddd;*/
}
@media (max-width: 768px) {
  .expressdelivery-method .method-box .method-pic {
    width: auto;
    margin-bottom: 30px;
    position: static;
  }
}
.expressdelivery-method .method-box .method-pic img {
  width: 100%;
  height: auto;
}
.expressdelivery-method .method-box .method-txt-wrap {
  width: 62.5%;
  position: absolute;
  top: 30px;
  left: 22px;
}
@media (max-width: 768px) {
  .expressdelivery-method .method-box .method-txt-wrap {
    width: auto;
    position: static;
  }
}
.expressdelivery-method .method-box .method-txt-wrap a {
  text-decoration: underline;
}
.expressdelivery-method .method-box .method-txt-wrap .method-remarks {
  text-indent: -1.3em;
  padding-left: 1.3em;
}
.expressdelivery-method .method-box .method-txt-wrap .method-remarks::before {
  content: "※";
}
.expressdelivery-method .method-box .method-txt-wrap .method-remarks:nth-child(2) {
  margin-top: 20px;
}
.expressdelivery-method .method-box .method-txt-wrap .method-remarks:nth-child(n+3) {
  margin-top: 10px;
}
.expressdelivery-qa {
  margin-bottom: 100px;
  counter-reset: number 0;
}
.expressdelivery-qa .qa-ttl {
  font-weight: bold;
  text-align: center;
  position: relative;
}
.expressdelivery-qa .qa-box {
  margin-top: 40px;
}
.expressdelivery-qa .qa-box .qa-headline {
  font-weight: bold;
  text-indent: -2.3em;
  padding-left: 2.3em;
}
.expressdelivery-qa .qa-box .qa-headline::before {
  font-weight: normal;
  margin-right: 10px;
  counter-increment: number 1;
  content: "Q" counter(number) ".";
}
.expressdelivery-qa .qa-box .qa-txt-wrap {
  margin-left: 36px;
}
.expressdelivery-qa .qa-box .qa-txt-wrap .qa-txt {
  margin-top: 12px;
}
.expressdelivery-qa .qa-box .qa-txt-wrap .qa-txt a {
  text-decoration: underline;
}
.expressdelivery-qa .qa-box .qa-txt-wrap .qa-remarks {
  text-indent: -1em;
  padding-left: 1em;
}
.expressdelivery-qa .qa-box .qa-txt-wrap .qa-remarks::before {
  content: "※";
}
.expressdelivery-qa .qa-box .qa-txt-wrap .qa-remarks:nth-child(2) {
  margin-top: 20px;
}
.expressdelivery-qa .qa-box .qa-txt-wrap .qa-remarks:nth-child(n+3) {
  margin-top: 10px;
}
.expressdelivery-statement {
  border: 1px solid #EDEDED;
  box-sizing: border-box;
  padding: 20px;
}
.expressdelivery-statement .statement-remarks {
  text-indent: -1em;
  padding-left: 1em;
}
.expressdelivery-statement .statement-remarks::before {
  content: "※";
}
.expressdelivery-statement .statement-remarks:nth-child(2) {
  margin-top: 15px;
}
.expressdelivery-statement .statement-remarks:nth-child(n+3) {
  margin-top: 10px;
}
.expressdelivery-main .listOfStore {
	margin: 0 0 100px 0;
}
.expressdelivery-main .listOfStore h2 {
	margin: 0 0 40px 0;
}
@media (max-width: 768px) {
  .expressdelivery-main .listOfStore h2 {
    margin: 0 0 25px 0;
  }
}
.expressdelivery-main .listOfStore .stores {
	line-height: 2;
	text-indent: -1.3em;
    padding-left: 1.3em;
}
.expressdelivery-main .listOfStore p.attention {
	line-height: 2;
	text-indent: -1.3em;
    padding-left: 1.3em;
}
.expressdelivery-method .method-box:nth-child(2) {
	margin-top: 60px;
}
.expressdelivery-method .method-box:nth-child(3) {
	margin-top: 100px;
}
@media (max-width: 768px) {
  .expressdelivery-method .method-box:nth-child(2) {
    margin-top: 80px;
  }
  .expressdelivery-method .method-box:nth-child(3) {
	margin-top: 60px;
}
}
.expressdelivery-method .method-box:nth-child(4) {
	margin-top: 400px;
}
@media (max-width: 768px) {
  .expressdelivery-method .method-box:nth-child(4) {
    margin-top: 70px;
  }
}
.expressdelivery-method .method-box:nth-child(5) {
	margin-top: 40px;
}
.expressdelivery-method .method-box:nth-child(6) {
	margin-top: -30px;
}
@media (max-width: 768px) {
  .expressdelivery-method .method-box:nth-child(6){
    margin-top: 70px;
  }
}
.expressdelivery .faqLink {
	text-align: center;
}
.expressdelivery .faqLink a {
	text-decoration: underline;
}


p.guide-txt-size-12 {
    text-align: center;
}