@charset "UTF-8";
@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?joyjs3");
  src: url("../fonts/icomoon.eot?joyjs3#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?joyjs3") format("truetype"), url("../fonts/icomoon.woff?joyjs3") format("woff"), url("../fonts/icomoon.svg?joyjs3#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* CSS guideArea Common */
#guideArea {
  margin-bottom: 40px;
}

.guideLayout th, .guideLayout td, .guideLayout h1, .guideLayout h2, .guideLayout h3, .guideLayout h4, .guideLayout h5, .guideLayout h6 {
  line-height: 1.6;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.guideLayout dl {
  margin-bottom: 0;
  margin-top: 0;
}

.guideLayout main {
  overflow: visible;
}

.guideLayout p {
  margin-bottom: 0;
}

.guideLayout .guide--contents--title {
  position: relative;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #333;
  font-weight: bold;
}
@media screen and (max-width: 991px) {
  .guideLayout .guide--contents--title {
    margin-bottom: 15px;
    font-size: 15px;
  }
}
@media screen and (min-width: 992px) {
  .guideLayout .guide--contents--title {
    margin-bottom: 30px;
    font-size: 20px;
  }
}
.guideLayout .guide--contents--title:before {
  display: block;
  position: absolute;
  bottom: 0;
  right: 15px;
  left: 15px;
  height: 2px;
  background: #e0e0e0;
  content: "";
}
.guideLayout .guide--contents--title:after {
  display: block;
  position: absolute;
  bottom: 0;
  left: 15px;
  width: 44px;
  height: 2px;
  background: #b3a220;
  content: "";
}
@media screen and (min-width: 992px) {
  .guideLayout .guide--contents--title:after {
    width: 70px;
  }
}

.guideLayout .guide--contents--inner--title {
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 15px;
  padding-bottom: 10px;
  font-size: 13px;
}
@media screen and (min-width: 992px) {
  .guideLayout .guide--contents--inner--title {
    font-size: 16px;
  }
}

.guideLayout .guide--contents--list_dl {
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 15px;
  padding-left: 0;
  padding-right: 0;
}
@media screen and (max-width: 991px) {
  .guideLayout .guide--contents--list_dl {
    font-size: 11px;
  }
}
@media screen and (min-width: 992px) {
  .guideLayout .guide--contents--list_dl {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 991px) {
  .guideLayout .guide--contents--list_dl > dt,
  .guideLayout .guide--contents--list_dl > dd {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (min-width: 992px) {
  .guideLayout .guide--contents--list_dl > dt,
  .guideLayout .guide--contents--list_dl > dd {
    padding-bottom: 24px;
  }
}
@media screen and (min-width: 992px) {
  .guideLayout .guide--contents--list_dl > dt {
    padding-left: 0;
    font-weight: normal;
  }
}
@media screen and (max-width: 991px) {
  .guideLayout .guide--contents--list_dl > dd {
    padding-bottom: 10px;
  }
}


.guideLayout a.pdf:after, .guideLayout a.blank:after {
  display: inline-block;
  margin: 0 .5em;
  font-family: 'FontAwesome';
  content: "\f2d2";
}

.guideLayout a.pdf:after {
  content: "\f1c1";
}


.guideLayout .guide--cart_btn--input, .guideLayout .guide--cart_btn--subscription, .guideLayout .guide--cart_btn--soldout, .guideLayout .guide--cart_btn--inquiry, .guideLayout .guide--cart_btn--limited, .guideLayout .guide--cart_btn--table, .guideLayout .guide--cart_btn--finished, .guideLayout .guide--cart_btn--alternate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid;
  border-radius: 5px;
  font-weight: bold;
  text-align: center;
}
@media screen and (min-width: 992px) {
  .guideLayout .guide--cart_btn--input, .guideLayout .guide--cart_btn--subscription, .guideLayout .guide--cart_btn--soldout, .guideLayout .guide--cart_btn--inquiry, .guideLayout .guide--cart_btn--limited, .guideLayout .guide--cart_btn--table, .guideLayout .guide--cart_btn--finished, .guideLayout .guide--cart_btn--alternate {
    width: 177px;
    height: 40px;
    margin-bottom: 20px;
    font-size: 12px;
  }
}
@media screen and (max-width: 991px) {
  .guideLayout .guide--cart_btn--input, .guideLayout .guide--cart_btn--subscription, .guideLayout .guide--cart_btn--soldout, .guideLayout .guide--cart_btn--inquiry, .guideLayout .guide--cart_btn--limited, .guideLayout .guide--cart_btn--table, .guideLayout .guide--cart_btn--finished, .guideLayout .guide--cart_btn--alternate {
    width: 104px;
    height: 30px;
    margin-bottom: 10px;
    font-size: 11px;
  }
}

@media screen and (max-width: 991px) {
  .guideLayout {
    font-size: 11px;
  }
}
.guideLayout img {
  max-width: 100%;
}
.guideLayout a {
  color: #E079A6;
}
.guideLayout .red {
  color: #FF3C6C;
}
.guideLayout .pink {
  color: #E079A6;
}
.guideLayout .beige {
  color: #C39A5B;
}
@media screen and (min-width: 992px) {
  .guideLayout .font_large {
    font-size: 18px;
  }
}
@media screen and (max-width: 991px) {
  .guideLayout .font_large {
    font-size: 15px;
  }
}
@media screen and (min-width: 992px) {
  .guideLayout .font_bigger {
    font-size: 24px;
  }
}
@media screen and (max-width: 991px) {
  .guideLayout .font_bigger {
    font-size: 20px;
  }
}
@media screen and (min-width: 992px) {
  .guideLayout .font_maximum {
    font-size: 34px;
  }
}
@media screen and (max-width: 991px) {
  .guideLayout .font_maximum {
    font-size: 26px;
  }
}
.guideLayout .bg_light-blue {
  padding: 0.5em 0;
  background: #F4F9FC;
  color: #003466;
}
.guideLayout .bg_light-beige {
  padding: 0.5em 0;
  background: #F1EEDD;
  color: #8D8654;
}
.guideLayout .bg_gray {
  margin-bottom: 1.5em;
  padding: 1.0em;
  background: #F7F7F7;
}
.guideLayout .bg_gray > *:last-child {
  margin-bottom: 0;
}
.guideLayout .borderbox_red {
  padding: 1em 0;
  border: 1px #FF3C6C solid;
}
@media screen and (min-width: 992px) {
  .guideLayout .borderbox_red {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 991px) {
  .guideLayout .borderbox_red {
    margin-bottom: 15px;
  }
}
.guideLayout .borderbox_red p + p {
  margin-top: 1.0em;
}
.guideLayout .borderbox_gray {
  padding: 0.5em 0;
  border: 1px #C8C6C7 solid;
}
@media screen and (min-width: 992px) {
  .guideLayout .borderbox_gray {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 991px) {
  .guideLayout .borderbox_gray {
    margin-bottom: 15px;
  }
}
.guideLayout .borderbox_gray p + p {
  margin-top: 1.0em;
}
@media screen and (max-width: 991px) {
  .guideLayout .guide--container {
    margin-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media screen and (min-width: 992px) {
  .guideLayout .guide--container {
    width: 90%;
    max-width: 1170px;
    margin: 0 auto 60px;
  }
}
@media screen and (min-width: 992px) {
  .guideLayout .guide--container + .guide--page_link {
    margin-top: -40px;
  }
}
@media screen and (max-width: 991px) {
  .guideLayout .guide--container + .guide--page_link {
    margin-top: -15px;
  }
}
.guideLayout .guide--title {
  margin: 30px 0 25px;
  color: #333;
  font-weight: 700;
  font-size: 18px;
}
@media screen and (min-width: 992px) {
  .guideLayout .guide--title {
    margin: 60px 0 50px;
    font-size: 28px;
    line-height: 1.5;
  }
}
.guideLayout .guide--list--number_list {
  margin-bottom: 30px;
  counter-reset: num;
}
.guideLayout .guide--list--number_list > li {
  margin-bottom: 0.5em;
}
.guideLayout .guide--list--number_list > li:before {
  display: inline-block;
  counter-increment: num;
  content: counter(num) ".";
}

.guideLayout .guide--list--number_list2 {
  margin-bottom: 30px;
  counter-reset: num-counter;
}
.guideLayout .guide--list--number_list2 > li {
  margin-bottom: 0.5em;
}
.guideLayout .guide--list--number_list2 > li:before {
  display: inline-block;
  counter-increment: num-counter;
  content:  " （" counter(num-counter) "）";
}

.guideLayout .guide--list--katakana_list {
  margin-top: 0.5em;
  counter-reset: num-katakana;
}
.guideLayout .guide--list--katakana_list > li {
  margin-bottom: 0.5em;
  padding-left: 1.0em;
}
.guideLayout .guide--list--katakana_list > li:before {
  display: inline-block;
  counter-increment: num-katakana;
  content:  counter(num-katakana,katakana) ".";
}


.guideLayout .guide--list--dot_list {
  margin-bottom: 30px;
}
.guideLayout .guide--list--dot_list > li {
  position: relative;
  margin-bottom: 0.5em;
  padding-left: 1.0em;
}
.guideLayout .guide--list--dot_list > li:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "・";
}
.guideLayout .guide--list--circle_list {
  margin-bottom: 30px;
}
.guideLayout .guide--list--circle_list > li {
  position: relative;
  margin-bottom: 0.5em;
  padding-left: 1.0em;
  line-height: 1.5;
}
.guideLayout .guide--list--circle_list > li:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "●";
}
.guideLayout .guide--list--caution_list {
  margin-bottom: 30px;
}
.guideLayout .guide--list--caution_list > li {
  position: relative;
  margin-bottom: 0.5em;
  padding-left: 1.2em;
}
.guideLayout .guide--list--caution_list > li:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "※";
}

.guideLayout .guide--list--step_list {
  margin-bottom: 30px;
  counter-reset: sn;
}
@media screen and (min-width: 992px) {
  .guideLayout .guide--list--step_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.guideLayout .guide--list--step_list > li {
  position: relative;
  padding: 1.0em;
  background: #F9F9F9;
  border: 4px #e0e0e0 solid;
  color: #E079A6;
  font-weight: bold;
}
@media screen and (min-width: 992px) {
  .guideLayout .guide--list--step_list > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-right: 2.0em;
  }
}
@media screen and (max-width: 991px) {
  .guideLayout .guide--list--step_list > li {
    margin-bottom: 2.0em;
  }
}
.guideLayout .guide--list--step_list > li:before {
  display: inline-block;
  width: 1.5em;
  margin-right: 0.5em;
  border: 1px #E079A6 solid;
  border-radius: 100%;
  color: #E079A6;
  counter-increment: sn;
  content: counter(sn);
  text-align: center;
}
.guideLayout .guide--list--step_list > li:after {
  position: absolute;
  display: block;
  color: #E079A6;
  font-family: 'FontAwesome';
  line-height: 1.0;
}
@media screen and (min-width: 992px) {
  .guideLayout .guide--list--step_list > li:after {
    top: 50%;
    left: 100%;
    margin-top: -0.5em;
    padding-left: 0.8em;
    content: "\f054";
  }
}
@media screen and (max-width: 991px) {
  .guideLayout .guide--list--step_list > li:after {
    top: 100%;
    left: 50%;
    margin-left: -0.5em;
    padding-top: 0.5em;
    content: "\f078";
  }
}
.guideLayout .guide--list--step_list > li:last-child:after {
  display: none;
}


.guideLayout .guide--leadblock {
  margin-bottom: 30px;
}
@media screen and (min-width: 992px) {
  .guideLayout .guide--leadblock {
    margin-bottom: 60px;
  }
}
.guideLayout .guide--leadblock--lead {
  color: #666;
  font-size: 12px;
}
@media screen and (max-width: 991px) {
  .guideLayout .guide--leadblock--lead {
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 992px) {
  .guideLayout .guide--leadblock--lead {
    margin-bottom: 50px;
    font-size: 16px;
  }
}
.guideLayout .guide--contents--inner {
  margin-bottom: 30px;
  clear: both;
  overflow: hidden;
}
.guideLayout .guide--contents--image {
  margin-bottom: 1.5em;
}
.guideLayout .guide--contents--txt {
  margin-bottom: 1.5em;
}
.guideLayout .guide--contents p + p {
  margin-top: 1.5em;
}
.guideLayout .guide--page_link {
  background: #F9F9F9;
}
@media screen and (min-width: 992px) {
  .guideLayout .guide--page_link {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 991px) {
  .guideLayout .guide--page_link {
    margin-bottom: 25px;
  }
}
@media screen and (min-width: 992px) {
  .guideLayout .guide--page_link--list {
    width: 90%;
    max-width: 1170px;
    margin: 0 auto;
    padding: 45px 15px;
  }
}
@media screen and (max-width: 991px) {
  .guideLayout .guide--page_link--list {
    padding: 20px 15px;
  }
}
@media screen and (min-width: 992px) {
  .guideLayout .guide--page_link--list--text {
    display: inline-block;
  }
}
@media screen and (max-width: 991px) {
  .guideLayout .guide--page_link--list--text {
    margin-bottom: 1.0em;
  }
}
/*@media screen and (max-width: 991px) {
  .guideLayout .guide--page_link--list--text:before {
    content: "・";
  }
}*/
  .guideLayout .guide--page_link--list--text:after {
    content: "|";
    padding: 0 1.0em;
  }
/*@media screen and (max-width: 991px) {
  .guideLayout .guide--page_link--list--text:last-of-type {
    margin-bottom: 0;
  }
}*/
  .guideLayout .guide--page_link--list--text:last-of-type:after {
    display: none;
  }
.guideLayout .guide--page_link--list--text a:after {
  display: inline-block;
  margin-left: 8px;
  font-family: 'FontAwesome';
  content: "\f107";
}
.guideLayout .guide--box_gray {
  background: #F9F9F9;
}
@media screen and (min-width: 992px) {
  .guideLayout .guide--box_gray {
    margin-bottom: 30px;
    padding: 45px;
  }
}
@media screen and (max-width: 991px) {
  .guideLayout .guide--box_gray {
    margin-bottom: 20px;
    padding: 20px;
  }
}
.guideLayout .guide--box_gray p {
  margin-bottom: 1.5em;
}
.guideLayout .guide--box_gray p:last-of-type {
  margin-bottom: 0;
}
.guideLayout .guide--cart_btn--input {
  background: #D93981;
  border-color: #D93981;
  color: #FFFFFF;
}
.guideLayout .guide--cart_btn--subscription {
  border-color: #D93981;
  color: #D93981;
}
.guideLayout .guide--cart_btn--soldout {
  background: #F7F6F6;
  border-color: #F7F6F6;
  color: #BBBBBB;
}
.guideLayout .guide--cart_btn--inquiry {
  border-color: #D93981;
  color: #D93981;
}
@media screen and (max-width: 991px) {
  .guideLayout .guide--cart_btn--inquiry {
    font-size: 10px;
    letter-spacing: -0.05em;
  }
}
.guideLayout .guide--cart_btn--inquiry span:before {
  display: inline-block;
  margin-right: 0.2em;
  content: "\f095";
  font-family: 'FontAwesome';
}
.guideLayout .guide--cart_btn--limited {
  border-color: #D93981;
  color: #D93981;
}
@media screen and (max-width: 991px) {
  .guideLayout .guide--cart_btn--limited {
    font-size: 10px;
  }
}
.guideLayout .guide--cart_btn--table {
  background: #3C3C3C;
  border-color: #3C3C3C;
  color: #FFFFFF;
}
.guideLayout .guide--cart_btn--finished {
  background: #F7F6F6;
  border-color: #F7F6F6;
  color: #BBBBBB;
}
.guideLayout .guide--cart_btn--alternate {
  border-color: #D93981;
  color: #D93981;
}
@media screen and (max-width: 991px) {
  .guideLayout .guide--cart_btn--alternate {
    font-size: 10px;
  }
}
.guideLayout .guide--icon {
  display: inline-block;
}
@media screen and (min-width: 992px) {
  .guideLayout .guide--icon {
    width: 75px;
    margin: 0 10px 10px 0;
  }
}
@media screen and (max-width: 991px) {
  .guideLayout .guide--icon {
    width: 46px;
    margin: 0 5px 10px 0;
  }
}
.guideLayout .guide--table {
  margin-bottom: 1.5em;
}
.guideLayout .guide--table th {
  padding: 0.3em 0;
  color: #999999;
  font-weight: bold;
  text-align: center;
}
@media screen and (min-width: 992px) {
  .guideLayout .guide--table th {
    font-size: 14px;
  }
}
@media screen and (max-width: 991px) {
  .guideLayout .guide--table th {
    font-size: 11px;
  }
}
.guideLayout .guide--table thead {
  border-bottom: 1px #E0E0E0 solid;
}
.guideLayout .guide--table tbody {
  border-top: 1px #E0E0E0 solid;
}
.guideLayout .guide--table tbody tr {
  box-shadow: 0 -1px 0 #E0E0E0 inset;
}
.guideLayout .guide--table tbody td {
  padding: 1.0em 0;
  vertical-align: middle;
  text-align: center;
}
.guideLayout .guide--table tbody td + td {
  background: linear-gradient(rgba(0, 0, 0, 0) 20%, #e0e0e0 20%, #e0e0e0 80%, rgba(0, 0, 0, 0) 80%) no-repeat left top/1px 100%;
}
.guideLayout .guide--table.bt {
  display: block;
  width: calc(100% + 30px);
  margin-right: -15px;
  margin-left: -15px;
  border-top: 2px #E0E0E0 solid;
}
.guideLayout .guide--table.bt thead,
.guideLayout .guide--table.bt thead th {
  display: none;
}
.guideLayout .guide--table.bt tbody {
  display: block;
  width: 100%;
  border-top: none;
}
.guideLayout .guide--table.bt tbody tr {
  display: block;
  width: 100%;
  padding: 15px 15px 25px;
  border-bottom: 2px #E0E0E0 solid;
}
.guideLayout .guide--table.bt tbody tr:nth-of-type(2n) {
  background: #F9F9F9;
}
.guideLayout .guide--table.bt tbody td {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.5em 0;
  border-bottom: 1px #E0E0E0 solid;
}
.guideLayout .guide--table.bt tbody td:before {
  display: block;
  width: 45%;
  content: attr(data-th);
  color: #999999;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  font-weight: bold;
  text-align: left;
}
.guideLayout .guide--table.bt tbody td .bt-content {
  display: block;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.guideLayout .guide--table.bt tbody td + td {
  background: none;
}
.guideLayout .guide--table--common {
  margin-bottom: 15px;
}
.guideLayout .guide--table--common th, .guideLayout .guide--table--common td {
  border: 1px solid #ccc;
  padding: 15px;
}
.guideLayout .guide--table--common thead th {
  background: #e4e4e4;
  font-weight: bold;
}
.guideLayout .guide--table--common tbody th {
  background: #f5f5f5;
}

.guideLayout .guide--contract--block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px #EEEEEE solid;
  font-weight: bold;
}
@media screen and (max-width: 991px) {
  .guideLayout .guide--contract--block {
    font-size: 12px;
    margin-bottom: 10px;
  }
  .guideLayout .sp_none {
    display: none;
  }
}
@media screen and (min-width: 992px) {
  .guideLayout .guide--contract--block {
    width: 50%;
    margin: 0 auto 20px;
    font-size: 15px;
  }
  .guideLayout .pc_none {
    display: none;
  }
}

.guideLayout .guide--contract--block > * {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 50%;
  min-height: 3.0em;
  padding: 0.5em 0;
  text-align: center;
}
.guideLayout .guide--contract--block--title {
  background: #F6F6F6;
  border-right: 1px #EEEEEE solid;
}



@media screen and (max-width: 991px) {
  .guideLayout .guide--rental--list {
    border-top: 1px solid #e0e0e0;
    margin: 0 -15px;
  }
}
@media screen and (min-width: 992px) {
  .guideLayout .guide--rental--list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 991px) {
  .guideLayout .guide--rental--list > li {
    border-bottom: 1px solid #e0e0e0;
    background: #f9f9f9;
  }
}
@media screen and (min-width: 992px) {
  .guideLayout .guide--rental--list > li {
    margin-right: 30px;
    margin-bottom: 20px;
    width: calc(25% - 22.5px);
  }
}
@media screen and (min-width: 992px) {
  .guideLayout .guide--rental--list > li:nth-child(4n) {
    margin-right: 0;
  }
}
.guideLayout .guide--rental--list > li a, .guideLayout .guide--rental--list > li span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 10px;
}
@media screen and (max-width: 991px) {
  .guideLayout .guide--rental--list > li a, .guideLayout .guide--rental--list > li span {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .guideLayout .font_maximum{
	  font-size: 18px;}
	.guideLayout .font_bigger{
	  font-size: 15px;}

}
@media screen and (min-width: 992px) {
  .guideLayout .guide--rental--list > li a, .guideLayout .guide--rental--list > li span {
    border: 1px solid #e0e0e0;
    border-radius: 4px;
  }
}
.guideLayout .guide--rental--list > li a {
  position: relative;
}
  .guideLayout .guide--rental--list > li a:hover {
	color:#E079A6;
  }

.guideLayout .guide--rental--list > li a:after {
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  font-family: "FontAwesome";
  content: "\f105";
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
@media screen and (min-width: 992px) {
  .guideLayout .guide--rental--list > li a:hover {
    background: #f9f9f9;
	color:#E079A6;
    text-decoration: none;
  }
}
.guideLayout .guide--attention{
	font-size:20px;
	color:#000;
	font-family:"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
@media screen and (max-width: 991px) {
	.guideLayout .guide--attention{
		font-size:15px;
	}
}


/*---NP掛け払い--------*/
.np .sp {
    display: none;
}
.np .sp320 {
    display: none;
}
.np .p05_article01 {
    width: 100%;
    background: #eaf6fd;
    padding: 30px;
    border-top: solid 1px #0095e3;
    border-bottom: solid 1px #0095e3;
    margin-bottom: 30px;
}
.np .p05_article01 .inner {
    padding: 30px;
    background: #fff;
    border-radius: 20px;
}
.np .p05_article01 .inner p {
    color: #666;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 0.05em;
}
.np .p05_article01 .inner p .pink_b {
    font-size: 36px;
    color: #e7358f;
    font-weight: normal;
    background: url('/_ui/responsive/common/ui_assets/online/eg/guide/img/y_border.png') repeat-x center bottom;
    background-size: auto 100%;
    margin: 0 5px;
}
.np .p05_article01 .inner p + .sub_txt {
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    margin-top: 30px;
}
.np .p05_article02 {
    border: solid 2px #00abeb;
    margin-bottom: 30px;
}
.np .p05_article02 h3 {
    padding: 15px;
    border-bottom: solid 2px #00abeb;
    line-height: 1;
}
.np .p05_article02 h3 img {
    display: block;
}
.np .p05_article02 .flow {
    width: 100%;
    padding: 30px 60px 40px;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    background: url('/_ui/responsive/common/ui_assets/online/eg/guide/img/arrow.png') no-repeat center;
}
.np .p05_article02 .flow li {
    padding-left: 40px;
    display: flex;
    display: -webkit-flex;
    position: relative;
    width:/*450px*/45%;
    align-items: center;
}
.np .p05_article02 .flow li span {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #ffee00;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}
.np .p05_article02 .flow li p {
    display: inline-block;
    width: 50%;
    text-align: center;
}
.np .p05_article02 .flow li p + p {
    font-weight: bold;
    font-size: 18px;
    text-align: center;
}
.np .p05_article03 {
    background: #f9f9f9;
    padding: 45px;
    margin-bottom: 30px;
}
.np .p05_article03 h3 {
    line-height: 1;
    margin-bottom: 20px;
    color: #666;
    font-size: 18px;
}
.np .p05_article03 h3 img {
    height: 30px;
    margin-right: 5px;
    vertical-align: bottom;
}
.np .p05_article03 a {
    color: #00abeb;
    font-weight: bold;
    text-decoration: underline;
}
.np .p05_article03 a:hover, .np .p05_article03 a:active, .np .p05_article03 a:focus {
    opacity: 0.7;
}
.np .p05_article04 {
    margin-bottom: 30px;
}
.np .p05_article04 dl dt {
    background: #0095e3;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    padding: 18px 15px;
    line-height: 1;
    position: relative;
}
/*.np .p05_article04 dl dt:hover {
	cursor: pointer;
}*/
.np .p05_article04 dl dt span {
    margin-left: 1.5em;
    font-weight: normal;
}
.np .p05_article04 dl dt span.close_open {
    position: absolute;
    margin: 0;
    right: 16px;
    top: 50%;
    margin-top: -10px;
    width: 20px;
    height: 20px;
    display: block;
    background: url('/_ui/responsive/common/ui_assets/online/eg/guide/img/flow_open.png') no-repeat center;
    background-size: contain;
	display: none;/*閉じる場合は外す*/
}
.np .p05_article04 dl dd {
    margin-top: 10px;
    /*display: none;*/
}
.np .p05_article04 dl dd ul li {
    margin-top: 25px;
    background: #eaf6fd;
    padding: 20px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    display: -webkit-flex;
    -webkit-justify-content: space-between;
    -webkit-align-items: center;
    position: relative;
}
.np .p05_article04 dl dd ul li:after {
    content: url('/_ui/responsive/common/ui_assets/online/eg/guide/img/flow_tail.png');
    position: absolute;
    bottom: -20px;
    left: 50%;
    margin-left: -30px;
    line-height: 0;
}
.np .p05_article04 dl dd ul li:first-child {
    margin-top: 0;
}
.np .p05_article04 dl dd ul li:last-child:after {
    content: "";
}
.np .p05_article04 dl dd ul li .flow_icon {
    width:/*300px*/26%;
    text-align: center;
}
.np .p05_article04 dl dd ul li .flow_info {
    width:/*870px*/74%;
    padding-right: 20px;
}
.np .p05_article04 dl dd ul li .flow_info h4 {
    color: #0095e3;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px;
    background: url('/_ui/responsive/common/ui_assets/online/eg/guide/img/y_border.png') repeat-x center bottom;
    background-size: auto 100%;
    display: inline-block;
}
.np .p05_article04 dl dd ul li .flow_info p {
    font-weight: bold;
    /*margin-bottom: 20px;*/
}
.np .p05_article04 dl dd ul li .flow_info p img {
    margin-top: 20px;
}
.np .p05_article04 dl dd ul li .flow_info .kome {
    margin-top: 10px;
}
.np .p05_article04 dl dd ul li .flow_info .kome li {
    padding: 0;
    margin: 0;
    display: block;
}
.np .p05_article04 dl dd ul li .flow_info .kome li + li {
    margin-top: 5px;
}
.np .p05_article04 dl dd ul li .flow_info .kome li:before {
    content: "※";
    margin-right: 5px;
}
.np .p05_article04 dl dd ul li .flow_info .select_pay {
    margin: 20px 0 0 0;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    display: -webkit-flex;
    -webkit-justify-content: flex-start;
    -webkit-flex-wrap: wrap;
}
.np .p05_article04 dl dd ul li .flow_info .select_pay li {
    display: inline-block;
    padding: 0;
    margin: 0 10px 10px 0;
    background: #0095e3;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    width: 180px;
    line-height: 30px;
    font-weight: bold;
}
.np .p05_article05 {
    padding: 45px;
    background: #f9f9f9;
}
.np .p05_article05 dt {
    color: #0095e3;
    font-size: 16px;
    margin-bottom: 20px;
}
.np .p05_article05 dd {
    line-height: 20px;
    padding-left: 20px;
    background: url('/_ui/responsive/common/ui_assets/online/eg/guide/img/list_mark.png') no-repeat top left;
}
.np .p05_article05 dd + dd {
    margin-top: 20px;
}
@media screen and (max-width:1199px) {
    .np .p05_article02 .flow {
        padding-left: 30px;
        padding-right: 30px;
    }
    .np .p05_article02 .flow li {
        flex-wrap: wrap;
        align-items: flex-end;
        -webkit-flex-wrap: wrap;
        -webkit-align-items: flex-end;
    }
    .np .p05_article02 .flow li p {
        width: 100%;
    }
    .np .p05_article02 .flow li p + p {
        width: 100%;
        margin-top: 10px;
    }
}
@media screen and (max-width:1129px) {
    .np .p05_article01 .inner p {
        font-size: 20px;
    }
    .np .p05_article01 .inner p .pink_b {
        font-size: 30px;
    }
}
@media screen and (max-width:767px) {
    .np .sp {
        display: block;
    }
	.np .pc {
		display: none;
	}
    .np .p05_article01 {
        padding: 15px;
        margin-bottom: 15px;
    }
    .np .p05_article01 .inner {
        padding: 15px;
        border-radius: 10px;
    }
    .np .p05_article01 .inner p {
        font-size: 14px;
    }
    .np .p05_article01 .inner p .pink_b {
        font-size: 20px;
    }
    .np .p05_article01 .inner p + .sub_txt {
        margin-top: 10px;
        font-size: 11px;
    }
    .np .p05_article02 {
        margin-bottom: 15px;
    }
    .np .p05_article02 h3 {
        padding: 10px;
    }
    .np .p05_article02 h3 img {
        height: 20px;
        width: auto;
    }
    .np .p05_article02 .flow {
        padding: 15px;
        background-size: 21px auto;
    }
    .np .p05_article02 .flow li {
        padding: 35px 0 0 0;
        width: 40%;
    }
    .np .p05_article02 .flow li span {
        width: 25px;
        height: 25px;
        font-size: 13px;
        line-height: 25px;
    }
    .np .p05_article02 .flow li:first-child p img {
        width: 100%;
        max-width: 90px;
        height: auto;
    }
    .np .p05_article02 .flow li:last-child p img {
        width: 100%;
        max-width: 108px;
        height: auto;
    }
    .np .p05_article02 .flow li p + p {
        font-size: 12px;
    }
    .np .p05_article03 {
        padding: 15px;
        margin-bottom: 15px;
    }
    .np .p05_article03 h3 {
        margin-bottom: 10px;
        font-size: 12px;
    }
    .np .p05_article03 h3 img {
        height: 20px;
        width: auto;
    }
    .np .p05_article04 {
        margin-bottom: 15px;
    }
    .np .p05_article04 dl dt {
        padding: 14px 10px;
        font-size: 13px;
    }
    .np .p05_article04 dl dt span {
        font-size: 11px;
        margin-left: 0.5em;
    }
    .np .p05_article04 dl dt span.close_open {
        width: 12px;
        height: 12px;
        margin-top: -6px;
        right: 10px;
    }
    .np .p05_article04 dl dd ul li {
        padding-left: 0;
        align-items: flex-start;
    }
    .np .p05_article04 dl dd ul li .flow_icon {
        width: 30%;
    }
    .np .p05_article04 dl dd ul li .flow_icon img {
        width: 60%;
        max-width: 60px;
        height: auto;
    }
    .np .p05_article04 dl dd ul li .flow_info {
        width: 70%;
        padding-right: 15px;
    }
    .np .p05_article04 dl dd ul li .flow_info h4 {
        font-size: 13px;
        margin-bottom: 10px;
    }
    .np .p05_article04 dl dd ul li .flow_info p img {
        margin-top: 10px;
    }
    .np .p05_article04 dl dd ul li .flow_info .kome {
        margin-top: 10px;
    }
    .np .p05_article04 dl dd ul li .flow_info .select_pay {
        justify-content: space-between;
        -webkit-justify-content: space-between;
        margin-bottom: 2px;
        margin-top: 10px;
    }
    .np .p05_article04 dl dd ul li .flow_info .select_pay li {
        width: calc(50% - 3px);
        font-size: 11px;
        margin-right: 0;
        line-height: 20px;
        margin-bottom: 8px;
        letter-spacing: -0.05em;
    }
    .np .p05_article05 {
        padding: 20px 15px;
    }
    .np .p05_article05 dt {
        margin-bottom: 10px;
    }
    .np .p05_article05 dd {
        line-height: 16px;
    }
    .np .p05_article05 dd + dd {
        margin-top: 10px;
    }
}
@media screen and (max-width:320px) {
    .np .sp320 {
        display: block;
    }
    .np .p05_article04 dl dt span {
        margin: 5px 0 0 0;
        display: inline-block;
    }
}
/*---/NP掛け払い--------*/

/*---西日本DC--------*/
.westdc {
	padding: 30px !important;
}
.westdc .sp {
	display: none;
}

.westdc .dc-map + p {
	font-size: 24px;
	padding: 30px 0;
}

.westdc .attention {
	padding: 30px;
	margin-bottom: 30px;
	background: #f7f6f6;
	display: flex;
	flex-wrap: wrap;
	display: -webkit-flex;
	-webkit-flex-wrap: wrap;
}
.westdc .attention li {
	width: calc(50% - 15px);
	text-align: left;
}
.westdc .attention li + li {
	margin-top: 1em;
}
.westdc .attention li:nth-child(2) {
	margin-top: 0;
}
.westdc .attention li:nth-child(2n) {
	margin-left: 30px;
}
.westdc .shipping-line a {
	display: block;
}
.westdc .shipping-line a:hover {
	opacity: 0.7;
}

@media screen and (max-width:767px) {
	.westdc .pc {
		display: none;
	}
	.westdc .sp {
		display: block;
	}
	.westdc {
		padding: 15px !important;
	}
	.westdc .dc-map + p {
		font-size: 16px;
		text-align: left;
		padding: 15px 0;
	}
	.westdc .dc-map + p br {
		display: none;
	}
	.westdc .attention {
		padding: 15px;
		margin-bottom: 15px;
		display: block;
	}
	.westdc .attention li {
		width: 100%;
	}
	.westdc .attention li:nth-child(2) {
		margin-top: 1em;
	}
	.westdc .attention li:nth-child(2n) {
		margin-left: 0;
	}
}
/*---/西日本DC--------*/

/*---大型商品配送画像---------------*/
.floor_img {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	display: -webkit-flex;
	-webkit-flex-wrap: wrap;
	-webkit-justify-content: space-between;
}
.floor_img li {
	width: calc(50% - calc(15px / 2));
	margin-bottom: 15px;
}
.floor_img li h4 {
	font-size: 1.1em;
	text-align: center;
	color: #8D8654;
	line-height: 1.2;
	background: #F1EEDD;
	margin-bottom: 5px;
	padding: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	display: -webkit-flex;
	-webkit-justify-content: center;
	-webkit-align-items: center;
}
.floor_img li img {
	max-width: 100%;
}

@media screen and (min-width:768px) {
	.floor_img {
		justify-content: flex-start;
		-webkit-justify-content: flex-start;
	}
	.floor_img li {
		max-width: 169px;
	}
	.floor_img li + li {
		margin-left: 15px;
	}
	.floor_img li h4 {
		font-size: 1em;
	}
}
/*---/大型商品配送画像---------------*/



/*--- 搬入画像 ---*/
.delivery_img{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	display: -webkit-flex;
	-webkit-flex-wrap: wrap;
	-webkit-justify-content: space-between;

}
.delivery_img li {
	width: 398px;
	margin-bottom: 15px;
}
.delivery_img li h4 {
	font-size: 1.1em;
	text-align: center;
	color: #8D8654;
	line-height: 1.2;
	background: #F1EEDD;
	margin-bottom: 5px;
	padding: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	display: -webkit-flex;
	-webkit-justify-content: center;
	-webkit-align-items: center;
}
.delivery_img li img {
	max-width: 100%;
}

@media screen and (min-width:768px) {
	.delivery_img {
		justify-content: flex-start;
		-webkit-justify-content: flex-start;
	}
	.delivery_img li + li {
		margin-left: 15px;
	}
	.delivery_img li h4 {
		font-size: 1em;
	}
}