@charset "euc-jp";

/*
 common
----------------------------------------*/
em {
  font-style: normal !important;
}

/*
 floating_navigation -[rjs]-
----------------------------------------*/
.navi01 {
  overflow: hidden;
  height: 54px;
  padding: 0;
  background: #fff;
  border-bottom: 4px solid #009ed7 !important;
}
.navi01__list {
  text-align: center;
  display: flex;
  width: 960px;
  height: 50px !important;
  margin: 0 auto;
  overflow-x: unset !important;
}
.navi01__item {
  position: relative;
  display: block;
  letter-spacing: -0.05em;
  padding: 0 20px !important;
}
.navi01__item[data-in-viewport="true"] {
  border-bottom: none !important;
}
.navi01__item:hover {
  opacity: 0.8;
}
.navi01__item span {
  line-height: 1.1;
  display: inline-block;
  letter-spacing: normal;
  font-size: 16px;
  font-weight: bold;
  padding: 16.5px 27px;
  position: relative;
}
.navi01__item span::before {
  height: 16px;
  margin-top: -10px;
  left: 0;
}
.navi01__item span::after {
  width: 12px;
  height: 5px;
  margin-top: -2.5px;
  right: 0;
}

/*for top*/
.top #ttl01,
.top #anc02 {
  margin-top: 0;
  padding-top: 0;
}

#riBackToTop {
  position: fixed;
  bottom: 10px;
  right: 10px;
  background: url(https://r.r10s.jp/com/img/event/pc_module/ver2/rifloatingtop.png);
  width: 50px;
  height: 50px;
  z-index: 100;
  display: none;
  cursor: pointer;
  transition: all 0.5s;
}

.riLqBreadcrumbs {
  width: 950px;
}

/* フッターインフォ */
.btm-categoryfooter {
  position: relative;
  width: 100%;
  padding: 30px 0 30px;
  background: #f1f1f1;
  margin-top: 60px;
}
.content-wrap {
  position: relative;
  overflow: hidden;
  width: 950px;
  margin: 0 auto;
}
.linkFooter__blocs {
  display: table;
}
.linkFooter__bloc--first {
  width: 283px;
  padding-right: 33px;
}
.linkFooter__bloc {
  display: table-cell;
  padding: 6px 32px 0 32px;
}
.linkFooter__head {
  margin-bottom: 9px;
  font-size: 16px;
  font-weight: bold;
}
.linkFooter__head2 {
  margin-top: 18px;
  margin-bottom: 9px;
  font-size: 16px;
  font-weight: bold;
}
.u-mb26 {
  margin-bottom: 26px;
}
.linkFooter__items--first {
  width: 133px;
  margin-bottom: 9px;
}
.linkFooter__items {
  float: left;
}
.linkFooter__item {
  margin-bottom: 9px;
}
.linkFooter__item2 {
  float: left;
  margin-bottom: 9px;
  margin-top: 18px;
}
.u-clearfix:after {
  content: "";
  display: block;
  clear: both;
}
.linkFooter__bloc--second {
  width: 263px;
  padding-left: 20px;
  padding-right: 35px;
}

.linkFooter__bloc--last {
  padding-left: 18px;
}
.linkFooter__item a {
  font-size: 13px;
  color: #333333;
  margin-bottom: 9px;
}

/* heading
------------------------------------------*/
h1,
h2,
h3,
h4,
h5 {
  line-height: 1;
  font-weight: bold;
}

h1 {
  font-size: 56px;
}
h2 {
  font-size: 32px;
}
h3 {
  font-size: 24px;
}
h4 {
  font-size: 20px;
}
h5 {
  font-size: 16px;
}

.heading01 {
  padding: 40px 0 30px;
  position: relative;
}
.heading01__title {
  padding-top: 30px;
  color: #009ed7;
  text-align: center;
}
.heading01__text {
  font-size: 32px;
  font-weight: bold;
  text-align: center;
  line-height: 1;
}

.headingMain__logo:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 40px;
  right: 0;
}
.headingMain__logo.headingMain__logo--jp:after {
  width: 122px;
  height: 25px;
  background: url("https://r.r10s.jp/evt/event/guide/shipping/_pc/img/logo_jp.png?v=20190222")
    no-repeat;
}
.headingMain__logo.headingMain__logo--haco-pos:after {
  width: 71px;
  height: 80px;
  background: url("https://r.r10s.jp/evt/event/guide/shipping/_pc/img/logo_haco-pos.png?v=20190222")
    no-repeat;
}

.heading02 {
  padding: 35px 0 55px;
}
.heading02__title {
  text-align: center;
  position: relative;
}
.heading02__title:before {
  content: "";
  width: 64px;
  height: 6px;
  display: inline-block;
  position: absolute;
  bottom: -16px;
  left: 50%;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #009ed7;
}
/*for top*/
.top .heading02 {
  padding-top: 65px;
}
.top .heading03 {
  padding: 35px 0 15px;
}
.top .heading03__title {
}

.top .heading__line01 {
  width: 100%;
  border-top: 4px solid #333;
}

/* container
------------------------------------------*/
.l-container {
  padding: 0 16px 0;
  color: #333333;
}
.l-block {
  margin-bottom: 20px;
}

/* box
------------------------------------------*/
.Box01 {
  background-color: #f5f5f5;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.Box02 {
  border: 1px solid #e6e6e6;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.Box03 {
  border: 1px solid #f1f1f1;
  background-color: #f1f1f1;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

.introBox01 {
}
.introBox01__list {
  overflow: hidden;
  width: 888px;
  margin: 0 auto;
}
.introBox01__item {
  /* margin-top: 15px; */
  float: left;
  width: 427px;
  margin-top: 30px;
  box-sizing: border-box;
}
.introBox01__item:nth-child(even) {
  float: right;
}

.introBox01__item--locker {
  position: relative;
}
.introBox01__item--locker a {
  display: block;
  width: 172px;
  position: absolute;
  bottom: 36px;
}
.introBox01__item--r-box {
  left: 38px;
}
.introBox01__item--haco-pos {
  right: 38px;
}

.catchBox01 {
  margin-bottom: 20px;
}
.catchBox01__caption {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  line-height: 1;
}
.catchBox01__img {
  text-align: center;
  margin: 0 0 20px 0;
}

.logoBox01 {
  width: 473px;
  margin: 0 auto;
}

.logo__imgWidth--ministop01 {
  width: 120px;
}
.logo__imgWidth--familymart01 {
  width: 78px;
}
.logo__imgWidth--lawson01 {
  width: 155px;
}

.stepBox01 {
  width: 682px;
  margin: 0 auto;
}
.step__imgWidth--type01 {
  width: 164px;
}
.step__imgWidth--type01 a {
}

.notice01 {
  padding: 15px;
  margin-bottom: 15px;
}
.notice01__title {
  padding: 0 0 8px 25px;
  font-size: 15px;
  font-weight: bold;
  position: relative;
  line-height: 1;
}
.notice01__title:before {
  display: inline-block;
  content: url("https://r.r10s.jp/evt/event/guide/shipping/_pc/img/icon_notice.png?v=20190222");
  width: 20px;
  height: 20px;
  position: absolute;
  top: -3px;
  left: 0;
}
.notice01__text {
  font-size: 13px;
}

.notice02 {
  padding: 15px 18px;
}
.notice02__text {
  font-size: 12px;
}
.notice02__text a {
  color: #0078b5 !important;
}
.colBox01 {
  overflow: hidden;
}
.colBox01__fixed {
  float: left;
  box-sizing: border-box;
}
.colBox01__fixed--half {
  width: 50%;
}
.colBox01__fixed--any {
}

.imgBox01 {
  text-align: center;
}

.cvsBox01 {
  padding: 30px 35px;
}
.cvsBox01__heading01 {
  padding-bottom: 55px;
  position: relative;
}
.cvsBox01__heading01:before {
  content: "";
  display: inline-block;
  width: 120px;
  height: 120px;
  position: absolute;
  top: -60px;
  left: -18px;
}
.cvsBox01--lawson01 .cvsBox01__heading01:before {
  background: url("https://r.r10s.jp/evt/event/guide/shipping/_pc/img/logo_cvs_circle_lawson.png?v=20190222")
    no-repeat;
}
.cvsBox01--familymart01 .cvsBox01__heading01:before {
  background: url("https://r.r10s.jp/evt/event/guide/shipping/_pc/img/logo_cvs_circle_familymart.png?v=20190222")
    no-repeat;
}
.cvsBox01--ministop01 .cvsBox01__heading01:before {
  background: url("https://r.r10s.jp/evt/event/guide/shipping/_pc/img/logo_cvs_circle_ministop.png?v=20190222")
    no-repeat;
}

.cvsBox01__title01 {
  padding: 0 0 0 110px;
}
.cvsBox01__heading02 {
  padding-bottom: 24px;
}
.cvsBox01__title02 {
  position: relative;
}
.cvsBox01__title02:before {
  content: "";
  width: 4em;
  height: 4px;
  display: inline-block;
  position: absolute;
  bottom: -8px;
  left: 0;
  background-color: #009ed7;
}

.cvsBox01--lawson01 .cvsBox01__title02:before {
  width: 5em;
}

.btnBox01 {
}

.tableBox01 {
  background-color: #f1f1f1;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.tableBox01--head {
  background-color: #fff;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.tableBox01__list {
  display: table;
  width: 100%;
}
.tableBox01__item {
  display: table-cell;
  font-size: 13px;
  font-weight: bold;
}
.tableBox01__list .tableBox01__item:first-child {
  width: 8em;
}
.tableBox01__list .tableBox01__item:nth-child(2) {
  width: 15em;
}
.tableBox01__list .tableBox01__item:last-child {
}
.tableBox01__title {
  padding: 15px 45px;
}
.tableBox01__detail {
  padding: 18px 32px 32px;
  border-top: 1px solid #999999;
}

.listBox01 {
  margin-bottom: 15px;
}
.listBox01__item {
  font-size: 13px;
}
.listBox01__item--title {
  font-size: 16px;
  font-weight: bold;
}

.dlBox01 {
}
.dlBox01__title {
  font-size: 24px;
  font-weight: bold;
}
.dlBox01__item {
  margin: 0 0 30px 3.5em;
  font-size: 13px;
}
.dlBox01__item--title {
  margin-left: 2em;
  text-indent: -2em;
}
.dlBox01__item--detail {
  padding-left: 2em;
}

.faqBox01__title {
  margin-left: 2em;
  text-indent: -2em;
  font-size: 20px;
  font-weight: bold;
}
.faqBox01__item {
  margin-left: 3em;
  text-indent: -3em;
  margin-bottom: 30px;
  font-size: 13px;
}
.faqBox01__icon {
  font-size: 20px;
  font-weight: bold;
}
.faqBox01__icon--question {
  color: #bf0000;
}
.faqBox01__icon--answer {
  color: #0078b5;
}

.footerMenu01 {
  margin: 0 0 80px;
  background-color: #f1f1f1;
}
.footerMenu01__column {
  overflow: hidden;
}
.footerMenu01__column--3col {
  float: left;
  width: 306px;
  padding-right: 30px;
  box-sizing: border-box;
}
.footerMenu01__column--3col:last-child {
  width: 276px;
  padding-right: 0;
}
.footerMenu01__list {
  width: 888px;
  margin: 0 auto;
  padding-bottom: 30px;
}
.footerMenu01__item {
}
.footerMenu01__title {
  padding: 30px 16px 15px 0;
  font-size: 16px;
  font-weight: bold;
}
.footerMenu01__detail {
}
.footerMenu01__disc {
  font-size: 13px;
}
.footerMenu01__arrowLink {
  margin-top: 15px;
}
.footerMenu01__arrowLink a {
  display: inline-block;
  padding: 0 0 0 13px;
  font-size: 13px;
  position: relative;
  color: inherit;
  text-decoration: none;
  line-height: 1.4;
}
.footerMenu01__arrowLink a:before {
  display: inline-block;
  content: "";
  width: 5px;
  height: 9px;
  background: url("https://r.r10s.jp/evt/event/guide/shipping/_pc/img/icon_arrow02_right.png?v=20190222")
    no-repeat;
  -webkit-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  position: absolute;
  top: 0.2em;
  left: 0;
}
.footerMenu01__arrowLink a:hover {
  text-decoration: underline;
}
.linkList01 {
}
.linkList01__item {
  line-height: 1;
}
.linkList01__item.footerMenu01__arrowLink {
  margin-top: 10px;
}

/* accordion
------------------------------------------*/
.riAccordionLv1Menu {
  position: relative;
  cursor: pointer;
}
.riAccordionLv1Menu:hover {
  transition: all 0.5s;
  background: #b4b4b4;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.riAccordionLv1Menu.open:hover {
  -webkit-border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.riAccordionLv1Menu.open:before,
.riAccordionLv1Menu:before {
  position: absolute;
  content: " ";
  width: 12px;
  height: 6px;
  top: 50%;
  left: 15px;
  transform: translateY(-50%);
}
.riAccordionLv1Menu:before {
  background: url("https://r.r10s.jp/evt/event/guide/shipping/_pc/img/icon_arrow01_btm.png?v=20190222")
    no-repeat;
}
.riAccordionLv1Menu.open:before {
  background: url("https://r.r10s.jp/evt/event/guide/shipping/_pc/img/icon_arrow01_top.png?v=20190222")
    no-repeat;
}

/* module
------------------------------------------*/
.img--alpha {
}
.img--alpha:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

.text--size13 {
  font-size: 13px;
}
.text--size12 {
  font-size: 12px;
}
.text--size16 {
  font-size: 16px;
}
.text--size18 {
  font-size: 18px;
}
.text--size24 {
  font-size: 24px;
}

.text--colorRed {
  color: #bf0000;
}
.text--indent01 {
  margin-left: 1em;
  text-indent: -1em;
}
.text--indent02 {
  margin-left: 2em;
  text-indent: -2em;
}

.mR--30 {
  margin-right: 30px;
}
.mR--60 {
  margin-right: 60px;
}
.mR--95 {
  margin-right: 95px;
}

.mT--12 {
  margin-top: 12px;
}
.mT--15 {
  margin-top: 15px;
}
.mT--20 {
  margin-top: 20px;
}
.mT--30 {
  margin-top: 30px;
}

.mB--8 {
  margin-bottom: 8px;
}
.mB--15 {
  margin-bottom: 15px;
}
.mB--50 {
  margin-bottom: 50px;
}
.mB--60 {
  margin-bottom: 60px;
}
.mB--65 {
  margin-bottom: 65px;
}

/* add 2020/01/31 
------------------------------------------*/

.listContainer .ttl {
  display: inline-block;
  font-size: 20px;
  font-weight: bold;
  margin: 20px 0;
  width: 100%;
  border-bottom: dashed 2px;
  padding-bottom: 5px;
}
.listContainer dl dt {
  font-size: 18px;
  color: #007380;
  font-weight: bold;
  margin-bottom: 5px;
}
.listContainer dl.style02 dt {
  color: #bf0000;
}
.listContainer dl dd {
  margin-bottom: 15px;
  line-height: 1.5;
}
.listContainer dl dd .txt {
  margin-bottom: 20px;
  font-size: 15px;
  height: 50px;
  text-align: justify;
}
.note {
  font-size: 13px;
  text-align: center;
}
.listContainer dl dd .img {
  text-align: center;
}

.listContainer dl .mapping .img {
  position: relative;
}
.listContainer dl .mapping .img a {
  position: absolute;
  width: 4%;
  height: 10%;
  border-radius: 50%;
}
.listContainer dl .mapping .img a:focus {
  outline: none;
}
.listContainer dl .mapping .img a.one {
  top: 28.5%;
  left: 19.5%;
}
.listContainer dl .mapping .img a.two {
  top: 28.5%;
  right: 12.5%;
}
.listContainer dl .mapping .img a.three {
  top: 51%;
  left: 19.5%;
}
.listContainer dl .mapping .img a.four {
  top: 44.9%;
  right: 12.7%;
}
.listContainer dl .mapping .img a.five {
  bottom: 5.5%;
  right: 12.5%;
}

.listContainer .stepContainer .stepList {
  width: calc((100% - 50px) / 2);
  float: left;
}
.listContainer .stepContainer .stepList:first-child {
  margin-right: 40px;
}
.col02 {
  overflow: hidden;
  padding-top: 10px;
  margin-bottom: 70px;
}
.col02 .col {
  width: calc((100% - 10px) / 2);
  float: left;
  padding-left: 5px;
}
.col02 .col:first-child {
  padding-left: 0;
  padding-right: 5px;
}
.col02 .col .ttl {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;
  text-align: center;
  padding: 5px 0;
}
.col02 .col .ttl a {
  font-weight: normal;
}
.wrapquestion {
  margin: 0 10px;
  padding: 10px;
  font-size: 14px;
  line-height: 24px;
  background-color: #efefef;
  padding-left: 25px;
  box-sizing: content-box;
}
.wrapquestion ul li {
  margin: 0 0;
}
.que3 ul {
  margin: 0 0;
}
.que3 ul li {
  padding-left: 22px;
}
.que3 ul li:nth-child(1) {
  margin: 0 0;
  background: url(https://r.r10s.jp/evt/event/guide/shipping/_pc/img/rexicon-32-review-comment-l.png)
    no-repeat;
  background-position: 0 2px;
  background-size: 20px;
}
.que3 ul li:nth-child(2) {
  margin: 0 0;
  background: url(https://r.r10s.jp/evt/event/guide/shipping/_pc/img/rexicon-32-phone-f.png)
    no-repeat;
  background-position: 0 2px;
  background-size: 20px;
}
.que3 ul li:nth-child(3) {
  margin: 0 2px;
  background: url(https://r.r10s.jp/evt/event/guide/shipping/_pc/img/rexicon-32-mail-l.png)
    no-repeat;
  background-position: -2px 2px;
  background-size: 20px;
}
.contactdesc {
  text-align: center;
  margin-top: 40px;
}
.ttl2 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;
  text-align: center;
  padding: 5px 0;
  margin: 20px 10px;
  border-bottom: dashed 2px;
}
.ttl2 a:link,
.ttl2 a:visited,
.ttl2 a:active,
.ttl2 a:hover {
  color: #000000;
}
.contactwaittime {
  font-weight: bold;
  margin: 20px 0 5px 0;
}
.txtRed {
  color: #bf0000;
  font-weight: bold;
}
.txtDesc .txtRed {
  font-weight: normal;
}
.contactbtn {
  background-color: #666666;
  padding: 5px;
  width: 240px;
  height: 30px;
  margin: 10px auto;
  text-align: center;
  color: #ffffff;
  font-weight: bold;
  font-size: 16px;
  box-sizing: content-box;
}
.contactbtn span {
  margin-left: 15px;
}
.contactbtn > a {
  display: block;
}
.contactbtn > a:hover {
  opacity: 0.8;
}
.toshopcon {
  min-height: 230px;
}
.listContainer .toshopcon .contactbtn {
  margin-top: 130px !important;
}

.footer__banner {
  margin: 0 auto;
  padding-bottom: 70px;
  text-align: center;
}
.footer__banner > a {
  display: block;
}
.footer__banner > a:hover {
  opacity: 0.8;
}
