/* ²¼ÁØ¥Ú¡¼¥¸ */
.underContents{
  background: #fff;
  padding: 10em 0 8em;
}
.gray{
  background: #f1f1f1;
}
.underContents .sttl{
  display: block;
  font-size: 1.2em;
  letter-spacing: 0.1em;
  margin-bottom: 3.5em;
  line-height: 1.8;
}
@media screen and (max-width: 800px){
  .underContents{
    padding: 8em 0 4em;
  }
}
.orderBox,
.payBox,
.sendBox{
  position: relative;
  text-align: center;
  padding: 5em 5em 6em;
}
.orderBox::after{
  content: "";
  display: block;
  position: absolute;
  z-index: 100;
  margin: 0 auto;
  bottom: -35px;
  left: 0;
  right: 0;
  width: 70px;
  height: 70px;
  background: #f1f1f1;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.payBox,
.sendBox{
  position: relative;
  text-align: center;
  padding: 10em 5em 6em;
}
.payBox::after{
  content: "";
  display: block;
  position: absolute;
  z-index: 100;
  margin: 0 auto;
  bottom: -35px;
  left: 0;
  right: 0;
  width: 70px;
  height: 70px;
  background: #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media screen and (max-width: 800px){
  .orderBox,
  .payBox,
  .sendBox{
    position: relative;
    text-align: center;
    padding: 5em 1em 6em;
  }
  .payBox,
  .sendBox{
    position: relative;
    text-align: center;
    padding: 8em 1em 6em;
  }
}

.orderBox ul{
  position: relative;
  overflow: hidden;
}
.orderBox ul li{
  float: left;
  background: #fff;
  margin: 0 4% 4% 0;
  width: 48%;
  padding: 4em 0;
}
.orderBox ul li:nth-child(even){
  margin-right: 0;
}
.orderBox ul li h4{
  display: black;
  margin-bottom: 2em;
  position: relative;
  font-size: 1.5em;
  font-weight: 600;
  letter-spacing: 0.2em;
  color: #6a7626;
}
.orderBox ul li.tel h4::before{
  content: "";
  display: block;
  margin: 0 auto 0.5em;
  width: 34px;
  height: 35px;
  background: url(https://img21.shop-pro.jp/PA01424/286/etc/icn_tel.png?cmsp_timestamp=20181115150650);
  background-size: cover;
}
.orderBox ul li.fax h4::before{
  content: "";
  display: block;
  margin: 0 auto 0.5em;
  width: 27px;
  height: 35px;
  background: url(https://img21.shop-pro.jp/PA01424/286/etc/icn_fax.png?cmsp_timestamp=20181207134445);
  background-size: cover;
}
.orderBox ul li.shop h4::before{
  content: "";
  display: block;
  margin: 0 auto 0.5em;
  width: 21px;
  height: 35px;
  background: url(https://img21.shop-pro.jp/PA01424/286/etc/icn_hito.png?cmsp_timestamp=20181207135041);
  background-size: cover;
}
.orderBox ul li.shop{
  padding-bottom: 2.7em;
}
.orderBox ul li.online h4::before{
  content: "";
  display: block;
  margin: 0 auto 0.5em;
  width: 33px;
  height: 35px;
  background: url(https://img21.shop-pro.jp/PA01424/286/etc/icn_cart3.png?cmsp_timestamp=20181207135100);
  background-size: cover;
}
.orderBox ul li span .nb{
  position: relative;
  display: black;
  font-size: 2.5em;
  margin-bottom: 0.3em;
  font-weight: 500;
  color: #6a7626;
  text-align: center;
}
.orderBox ul li span .nb a{
  color: #6a7626;
  text-decoration: none;
}
.orderBox ul li span .name{
  font-size: 1.3em;
  letter-spacing: 0.1em;
  margin-bottom: 1em;
  padding-right:3em;
}
.orderBox ul li span.inLeft{
  display: inline-block;
  text-align: left;
  margin-bottom: 1em;
}
.orderBox ul li span.inLeft .gmapB{
  float: right;
  width: 40%;
  margin-left: 1em;
}
.orderBox ul li span.inLeft .gmapB img{
  width: 100%;
  height: auto;
}
.orderBox ul li p{
  line-height: 2;
}
.orderBox ul li p.time{
  font-weight: 600;
  letter-spacing: 0.1em;
}
.orderBox ul li p.time b{
  color:  #f00;
}
.orderBox ul li a{
  text-decoration: none;
}
.orderBox ul li a.bt1{
  margin: 0em auto 1.2em;
}
.orderBox ul li a.bt2{
  margin: 1.3em auto 0.2em;
}
.orderBox ul li a.bt3{
  margin: 2.8em auto 0.8em;
}
@media screen and (max-width: 800px){
  .orderBox ul li{
    float: none;
    margin: 0 0 4% 0;
    width: 94%;
    padding: 4em 3%;
  }
}
@media screen and (max-width: 414px){
  .orderBox ul li span .name{
    padding-right: 1.5em;
  }
}

.payBox ul{
  position: relative;
  overflow: hidden;
}
.payBox ul li{
  float: left;
  color: #fff;
  background: #6a7626;
  margin: 0 4% 4% 0;
  width: 30.6%;
  padding: 4em 0 2em;
}
.payBox ul li:last-child{
  margin-right: 0;
}
.payBox ul li h4{
  display: block;
  font-size: 2em;
  letter-spacing: 0.2em;
  line-height: 1.6;
  margin-bottom: 1.2em;
}
.payBox ul li h4 small{
  display: block;
  font-size: 0.7em;
}
.payBox ul li.cash h4::before{
  content: "";
  display: block;
  margin: 0 auto 0.2em;
  width: 60px;
  height: 40px;
  background: url(https://img21.shop-pro.jp/PA01424/286/etc/icn_cash.png?cmsp_timestamp=20181207150453);
  background-size: cover;
}
.payBox ul li.creg h4::before{
  content: "";
  display: block;
  margin: 0 auto 0.2em;
  width: 60px;
  height: 40px;
  background: url(https://img21.shop-pro.jp/PA01424/286/etc/icn_creg.png?cmsp_timestamp=20181207150711);
  background-size: cover;
}
.payBox ul li.bank h4::before{
  content: "";
  display: block;
  margin: 0 auto 0.2em;
  width: 60px;
  height: 40px;
  background: url(https://img21.shop-pro.jp/PA01424/286/etc/icn_bank.png?cmsp_timestamp=20181207150726);
  background-size: cover;
}
.payBox ul li p{
  display: inline-block;
  width: 84%;
  margin: 0 auto;
  text-align: left;
  line-height: 1.8;
  min-height: 11em;
}
@media screen and (max-width: 800px){
  .payBox ul li{
    float: none;
    margin: 0 0 4% 0;
    width: 94%;
    padding: 4em 3% 3em;
  }
  .payBox ul li p{
    min-height: inherit;
  }
}

.sendBox ul.uketori{
  position: relative;
  overflow: hidden;
}
.sendBox ul.uketori li{
  float: left;
  background: #fff;
  margin: 0 4% 4% 0;
  width: 48%;
  padding: 4em 0;
  min-height: 23.5em;
}
.sendBox ul.uketori li:last-child{
  margin-right: 0;
}
.sendBox ul.uketori li h4{
  display: block;
  color: #6a7626;
  font-size: 2em;
  letter-spacing: 0.2em;
  line-height: 1.6;
  margin-bottom: 1.2em;
}
.sendBox ul.uketori li h4 small{
  display: block;
  font-size: 0.7em;
}
.sendBox ul.uketori li.hand h4::before{
  content: "";
  display: block;
  margin: 0 auto 0.3em;
  width: 24px;
  height: 40px;
  background: url(https://img21.shop-pro.jp/PA01424/286/etc/icn_hito.png?cmsp_timestamp=20181207135041);
  background-size: cover;
}
.sendBox ul.uketori li.trans h4::before{
  content: "";
  display: block;
  margin: 0 auto 0.3em;
  width: 64px;
  height: 40px;
  background: url(https://img21.shop-pro.jp/PA01424/286/etc/icn_track.png?cmsp_timestamp=20181207154942);
  background-size: cover;
}
.sendBox ul.uketori li .name{
  font-size: 1.3em;
  letter-spacing: 0.1em;
  margin-bottom: 1em;
}
.sendBox ul.uketori li.hand .name{
  margin-bottom: 0.5em;
}
.sendBox ul.uketori li a{
  text-decoration: none;
  margin-top: 3em;
}
.sendBox ul.uketori li.hand a{
  margin-top: 1.5em;
}
#area{
  display: block;
  position: absolute;
  margin-top: -6em;
}
.sendBox ul.ken{
  position: relative;
  overflow: hidden;
  display: block;
  width: 60%;
  margin: 0 auto 2em;
}
.sendBox ul.ken li{
  float: left;
  width: 33.3%;
  text-align: center;
}
.sendBox ul.ken li span{
  background: #6a7626;
  color: #fff;
  display: block;
  width: 90%;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  padding: 2px 0;
  letter-spacing: 0.2em;
  margin: 0 auto;
}
.sendBox p{
  line-height: 2;
  letter-spacing: 0.1em;
}
.sendBox p .atn{
  color: #f00;
}
.sendBox h3{
  display: block;
  color: #6a7626;
  font-size: 2em;
  letter-spacing: 0.2em;
  line-height: 1.6;
  margin: 1.5em auto 1em;
}
.sendBox .map{
  display: block;
  width: 90%;
  height: auto;
  margin: 0 auto 2em;
}
.sendBox .priceList{
  width: 70%;
  margin: 3em auto 0;
  line-height: 2;
}
.sendBox .priceList tr th{
  background: #6a7626;
  color:  #fff;
  text-align: left;
  padding: 1em;
}
.sendBox .priceList tr td{
  background: #fff;
  padding: 1em;
  text-align: left;
  position: relative;
}
.sendBox .priceList tr td:first-child{
  padding-left: 3em;
}
.sendBox .priceList tr td:first-child span{
  position: absolute;
  left: 1.5em;
}
.sendBox .priceList tr td:last-child{
  white-space: nowrap;
}
.sendBox .priceList .red{
  color: #3666a0;
}
.sendBox .priceList .orang{
  color: #f29417;
}
.sendBox .priceList .blue{
  color: #3d96db;
}
.sendBox .priceList .green{
  color: #60b640;
}
.sendBox .priceList .purple{
  color: #bb8dbe;
}
.sendBox .priceList .pink{
  color: #ff8a8a;
}
.sendBox .priceList .dgreen{
  color: #6a7626;
}
.sendBox .priceList .indig{
  color: #3666a0;
}
@media screen and (max-width: 800px){
  .sendBox ul.uketori li{
    float: none;
    margin: 0 0 4% 0;
    width: 94%;
    padding: 4em 3%;
    min-height: inherit;
  }
  .sendBox .priceList{
    width: 80%;
  }
}
@media screen and (max-width: 600px){
  .sendBox ul.ken{
    width: 90%;
    margin: 0 auto 2em;
  }
  .sendBox ul.ken li{
    float: none;
    width: 100%;
    margin-bottom: 1em;
  }
  .sendBox .priceList{
    width: 90%;
  }
}
@media screen and (max-width: 414px){
  .sendBox .priceList{
  }
  .sendBox .priceList tr th{
    display: block;
    text-align: center;
    padding: 1em 1em 0 1em;
  }
  .sendBox .priceList tr th:last-child{
    padding: 0 1em 0.8em 1em;
  }
  .sendBox .priceList tr td{
    display: block;
  }
  .sendBox .priceList tr td:last-child{
    text-align: right;
    padding: 0 1em 0.8em 1em;
  }
}

.container_section{
  padding: 4em 8em 0;
}
.container_section .ttl_h2{
  padding-left: 1.5em;
  margin-bottom: 2em;
}
.container_section .def_lst{
  overflow: hidden;
  border-bottom: 1px solid #eee;
  line-height: 2;
}
.container_section .def_lst_dt{
  padding: 2em 0 2em 2em;
  display: block;
  width: 25%;
  float: left;
  clear: left;
  border-top: 1px solid #eee;
  line-height: 2;
}
.container_section .def_lst_dd{
  display: block;
  width: 65%;
  padding: 2em 1.5em 2em 0;
  float: left;
  border-top: 1px solid #eee;
  border-bottom: none;
}

@media screen and (max-width: 800px){
  .container_section{
    padding: 4em 3em 0;
  }
}
@media screen and (max-width: 600px){
  .container_section{
    padding: 4em 1em 0;
  }
  .container_section .def_lst_dt{
    display: block;
    float: none;
    padding: 2em 1em 0.5em 1em;
    width: 100%;
  }
  .container_section .def_lst_dd{
    display: block;
    float: none;
    padding: 0.5em 1em 2em 1em;
    width: 90%;
  }
}

.mapF{
  position: relative;
}
.popup{
  display: none;
  position: absolute;
  z-index: 999;
  width: 200px;
  padding: 2px 18px 2px 2px;
  left: 0;
  top: 5vw;
  margin: auto;
  background: #434343;
  color: #fff;
  -webkit-border-radius: 16px;
  border-radius: 16px;
  line-height: 1;
}
.popup p{
  display: inline-block;
  font-weight: 600;
}
.popup span.close{
  position: absolute;
  right: 8px;
  top: 6px;
  display: inline-block;
  width: 14px;
  height: 14px;
  border: 2px solid #fff;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  cursor: pointer;
}
.popup span.close:before{
  content: "";
  position: absolute;
  display: inline-block;
  width: 2px;
  height: 10px;
  background: #fff;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.popup span.close:after{
  content: "";
  position: absolute;
  display: inline-block;
  width: 10px;
  height: 2px;
  background: #fff;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media screen and (max-width: 600px){
  .popup{
    left: 0 !important;
    right: 0 !important;
    top: -10vw !important;
  }
}