@charset "UTF-8";
.userguide-in { max-width: 1000px; margin: 0 auto; }

.userguide-top { margin-top: 60px; padding-bottom: 50px; border-bottom: 1px solid #d80012; }
.userguide-top .userguide-ttl { font-size: 3.4rem; text-align: center; }
@media screen and (max-width: 750px) { .userguide-top .userguide-ttl { font-size: 3rem; } }
.userguide-top .userguide-top-txt { margin-top: 30px; text-align: center; }

.userguide-slider { position: relative; margin-bottom: 65px; padding-bottom: 20px; border-bottom: 1px solid #999db1; line-height: 1; }
.userguide-slider .slick-slide { margin: 0 0.1em; }
.userguide-slider ul { padding: 0 1em; line-height: 1.2; display: none; }
.userguide-slider ul.slick-initialized { display: block; }
.userguide-slider ul li { font-size: 1.6rem; font-weight: 700; text-align: center; }
.userguide-slider .slide-btn { position: absolute; top: 50%; width: 9px; margin-top: -15px; }
.userguide-slider .slide-btn.slide-prev { left: 0; }
.userguide-slider .slide-btn.slide-next { right: 0; }

.cmn-userguide-heading { margin-bottom: 30px; font-size: 2.9rem; font-weight: 700; color: #d80012; }

/* ==================================================================================================== ガイドトップ
==================================================================================================== */
.userguide-shopping { padding: 80px 0; background-color: #edeff4; }
.userguide-shopping .shopping-heading { margin-bottom: 30px; font-size: 2.8rem; font-weight: 700; }
.userguide-shopping .userguide-list { display: flex; flex-wrap: wrap; }
@media screen and (max-width: 750px) { .userguide-shopping .userguide-list { max-width: 100%; } }
.userguide-shopping .userguide-list li { display: flex; width: 33.2%; margin-right: 0.2%; margin-bottom: 0.2%; }
@media screen and (max-width: 750px) { .userguide-shopping .userguide-list li { width: 49%; margin-right: 1%; margin-bottom: 1%; }
  .userguide-shopping .userguide-list li:nth-child(2n) { margin-right: 0 !important; }
  .userguide-shopping .userguide-list li:nth-child(3n) { margin-right: 1% !important; } }
.userguide-shopping .userguide-list li:nth-child(3n) { margin-right: 0; }
.userguide-shopping .userguide-list li:last-child { margin-right: 0; }
.userguide-shopping .userguide-list li a { display: flex; align-items: center; text-decoration: none; width: 100%; padding: 35px 50px 35px 30px; background: #fff url("../img/common/ico_arrow_red.svg") no-repeat right 35px center; background-size: 9px auto; font-size: 1.7rem; }
@media screen and (max-width: 750px) { .userguide-shopping .userguide-list li a { padding: 30px; background-position: right 10px center; } }

.userguide-link { padding: 80px 0; }
.userguide-link .userguide-list { display: flex; flex-wrap: wrap; border: 1px solid #dfdfdf; border-bottom: none !important; }
.userguide-link .userguide-list li { display: flex; width: 33.3%; border-right: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; }
@media screen and (max-width: 750px) { .userguide-link .userguide-list li { width: 50%; }
  .userguide-link .userguide-list li:nth-child(2n) { border-right: none; }
  .userguide-link .userguide-list li:nth-child(3n) { border-right: 1px solid #dfdfdf !important; } }
.userguide-link .userguide-list li:nth-child(3n) { border-right: none; }
.userguide-link .userguide-list li:last-child { border-right: none; }
.userguide-link .userguide-list li a { display: flex; align-items: center; text-decoration: none; width: 100%; padding: 35px 30px; background: #fff url("../img/common/ico_arrow_red.svg") no-repeat right 35px center; background-size: 9px auto; font-size: 1.7rem; }
@media screen and (max-width: 750px) { .userguide-link .userguide-list li a { padding: 30px; background-position: right 10px center; } }

/* ==================================================================================================== 詳細
==================================================================================================== */
.userguide_detail { padding: 55px 0 80px; }

/* ==================================================================================================== 離島への送料一覧
==================================================================================================== */
.ritou { margin-bottom: 190px; padding: 55px 0 150px; background-color: #edeff4; }
@media screen and (max-width: 750px) { .ritou { margin-bottom: 80px; padding-bottom: 80px; } }
@media screen and (max-width: 750px) { .ritou .scroll { margin-bottom: 30px; } }

/* ==================================================================================================== 取扱説明書
==================================================================================================== */
.manual { margin-bottom: 190px; padding: 55px 0 150px; background-color: #edeff4; }
@media screen and (max-width: 750px) { .manual { margin-bottom: 80px; padding-bottom: 80px; } }
.manual .manual-search { margin-bottom: 40px; padding: 40px 20px; background-color: #fff; }
.manual .manual-search .manual-search-con { max-width: 480px; margin: 0 auto; }
.manual .manual-search .manual-search-heading { margin-bottom: 10px; color: #d80012; font-weight: 400; }
.manual .manual-search .manual-search-lead { font-size: 1.4rem; }
.manual .manual-search .manual-search-lead li { margin-bottom: 0.5em; padding-left: 1em; text-indent: -1em; }
.manual .manual-search .manual-search-lead li:last-child { margin-bottom: 0; }
.manual .manual-search .manual-search-box { display: flex; justify-content: space-between; margin-bottom: 10px; }
.manual .manual-search .manual-search-box input { flex: 1; padding: 5px 10px; background-color: #edeff4; border: none; font-size: 1.4rem; }
.manual .manual-search .manual-search-box button { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; padding: 5px; background-color: #d80012; cursor: pointer; }
.manual .manual-search .manual-search-box button img { width: 15px; vertical-align: middle; line-height: 1; }
.manual .manual-list ul { display: flex; flex-wrap: wrap; }
@media screen and (max-width: 750px) { .manual .manual-list ul { justify-content: space-between; } }
.manual .manual-list ul li { width: 32.4%; margin-right: 1.4%; margin-bottom: 1.4%; background-color: #fff; }
.manual .manual-list ul li:nth-child(3n) { margin-right: 0; }
@media screen and (max-width: 750px) { .manual .manual-list ul li { width: 48%; margin-right: 0; margin-bottom: 4%; } }
.manual .manual-list ul li a { display: flex; widows: 100%; height: 100%; text-decoration: none; padding: 15px; }
.manual .manual-result { padding: 45px 40px 100px; background-color: #fff; }
.manual .manual-result .result-top { display: flex; align-items: center; margin-bottom: 20px; }
.manual .manual-result .result-top .result-top-txt { flex: 1; font-size: 2.2rem; }
.manual .manual-result .result-top .result-top-txt span { font-size: 3.8rem; }
.manual .manual-result .result-top .result-top-item { position: relative; cursor: pointer; }
.manual .manual-result .result-top .result-top-item span { display: inline-block; padding-left: 20px; background: url("../img/common/ico_arrow_b.svg") no-repeat left center; background-size: 15px auto; }
.manual .manual-result .result-top .result-top-item ul { display: none; position: absolute; z-index: 1; margin-top: 10px; border: 1px solid #535a60; border-radius: 1em; background-color: #fff; }
.manual .manual-result .result-top .result-top-item ul li { border-bottom: 1px solid #535a60; }
.manual .manual-result .result-top .result-top-item ul li:last-child { border-bottom: none; }
.manual .manual-result .result-top .result-top-item ul li a { display: block; padding: 10px 1em; text-decoration: none; white-space: nowrap; }
.manual .manual-result .result-top .result-top-item.is-open ul { display: block; }
@media screen and (max-width: 960px) { .manual .manual-result .scroll { margin-bottom: 30px; } }
.manual .manual-result .result-table { width: 100%; margin: 0 auto 80px; font-size: 1.4rem; }
.manual .manual-result .result-table thead { border-top: 1px solid #999db1; border-bottom: 1px solid #999db1; }
.manual .manual-result .result-table thead th { padding: 15px 25px; background: #d80012; color: #fff; vertical-align: middle; line-height: 1.2; }
.manual .manual-result .result-table thead th:nth-child(1) { border-right: 1px solid #999db1; text-align: left; }
.manual .manual-result .result-table tbody tr { border-bottom: 1px solid #999db1; }
.manual .manual-result .result-table tbody tr th { padding: 20px; background-color: #edeff4; text-align: left; }
.manual .manual-result .result-table tbody tr td { width: 175px; padding: 0 10px; background-color: #fff; }
.manual .manual-result .result-table tbody tr td:nth-child(2) { padding-left: 20px; }
.manual .manual-result .result-table tbody tr td a, .manual .manual-result .result-table tbody tr td .nolink { display: flex; align-items: center; justify-content: space-between; text-decoration: none; padding: 10px; border-radius: 0.5em; line-height: 1; }
.manual .manual-result .result-table tbody tr td a span, .manual .manual-result .result-table tbody tr td .nolink span { flex: 1; margin-right: 10px; }
.manual .manual-result .result-table tbody tr td a { background-color: #edeff4; color: #d80012; }
.manual .manual-result .result-table tbody tr td .nolink { background-color: #ccced8; color: #fff; }

/*# sourceMappingURL=userguide.css.map */