@charset "utf-8";
/* CSS Document */

/*
* ご利用ガイド
*/
.helpIndexPage ul {
    padding: 0 10px;
}
.helpIndexPage ul li {
    padding: 15px 0;
    border-top: 1px dashed #bbb;
}
.helpIndexPage ul li:first-child {
    padding: 0 0 15px;
    border-top: none;
}
.helpIndexPage ul li div {
    margin: 0 0 10px;
    font-size: 1.6rem;
}
.helpIndexPage ul li div a {
    line-height: 1.4;
}
@media screen and (min-width: 960px) {
    .helpIndexPage ul {
        padding: 0;
    }
}

/*
* 初めての方へ
*/
.helpAboutPageInner {
    padding: 0 10px;
}
.helpAboutPageInner p {
    margin: 0 0 20px;
}
.helpAboutPageInner p span {
    font-weight: bold;
}
.helpAboutPageInner table {
    width: 100%;
    max-width: 600px;
    margin: 0 0 20px;
    border-top: 1px solid #bbb;
    border-left: 1px solid #bbb;
}
.helpAboutPageInner table th {
    padding: 10px;
    background: #f5f5f5;
    border-right: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
}
.helpAboutPageInner table td {
    padding: 10px;
    border-right: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
}
.helpAboutPageInner ul {
    margin: 0 0 20px;
}
.helpAboutPageInner ul li {
    margin: 0 0 20px;
    font-weight: bold;
}
.helpAboutPageInner ul li:last-child {
    margin: 0;
}
.helpAboutPageInner ul li span {
    padding: 0 5px 0 0;
}
.helpAboutPageInner img {
    display: block;
    margin: 0 0 20px;
}
@media screen and (min-width: 960px) {
    .helpAboutPageInner {
        padding: 0;
    }
}

/*
* 個人輸入代行について
*/
.helpAgencyPageInner {
    padding: 0 10px;
}
.helpAgencyPageInner section {
    margin: 0 0 20px;
}
.helpAgencyPageInner p span {
    font-weight: bold;
}
@media screen and (min-width: 960px) {
    .helpAgencyPageInner {
        padding: 0;
    }
}

/*
* お買い物手続き
*/
.helpBuyStepPageInner {
    padding: 0 10px;
}
.helpBuyStepPageInner > p {
    margin: 0 0 20px;
}
.helpBuyStepPageInner h2 span {
    padding: 0 10px 0 0;
    color: #42a660;
}
.helpBuyStepPageInner h3 {
    margin: 0 0 10px;
    font-size: 1.8rem;
}
.helpBuyStepPageInner p span {
    font-weight: bold;
}
.helpBuyStepPageInner .img {
    margin: 10px auto 0;
    text-align: center;;
}
.helpBuyStepPageInner > section {
    margin: 0 0 20px;
}
.helpBuyStepPageInner > section > section {
    margin: 0 0 20px;
}
.helpBuyStepPageInner ul {
    margin: 10px 0 0;
    padding: 15px;
    border: 1px dashed #bbb;
    border-radius: 5px;
}
.helpBuyStepPageInner ul li {
    margin: 0 0 10px;
}
.helpBuyStepPageInner ul li:last-child {
    margin: 0;
}
@media screen and (min-width: 960px) {
    .helpBuyStepPageInner {
        padding: 0;
    }
}

/*
* 配送料金について
*/
.helpDelivefeePageInner {
    padding: 0 10px;
}
.helpDelivefeePageInner > p {
    margin: 0 0 20px;
}
.helpDelivefeePageInner dl {
    margin: 0 0 20px;
    padding: 10px;
    border: 1px solid #bbb;
    border-radius: 3px;
}
.helpDelivefeePageInner dl dt {
    margin: 0 0 10px;
    font-weight: bold;
}
.helpDelivefeePageInner dl dd {
    line-height: 1.4;
}
.helpDelivefeePageInner dl dd:last-child {
    margin: 0;
}
@media screen and (min-width: 960px) {
    .helpDelivefeePageInner {
        padding: 0;
    }
}

/*
* 支払方法について
*/
.helpPaymentPageInner {
    padding: 0 10px;
}
.helpPaymentPageInner h2 {
    margin: 0 0 20px;
    padding: 10px;
    background: #42a660;
    color: #fff;
    font-size: 1.6rem;
}
.helpPaymentPageInner .block {
    margin: 0 0 20px;
}
.helpPaymentPageInner .wrap {
    padding: 15px;
    background: #f5f5f5;
    border-radius: 5px;
}
.helpPaymentPageInner .payInfoTable {
    width: 100%;
    margin: 0 0 20px;
    border-top: 1px solid #bbb;
}
.helpPaymentPageInner .payInfoTable th {
    width: 150px;
    padding: 10px;
    background: #f5f5f5;
    border-bottom: 1px solid #bbb;
    font-weight: normal;
    text-align: left;
}
.helpPaymentPageInner .payInfoTable td {
    padding: 10px;
    border-bottom: 1px solid #bbb;
    line-height: 1.4;
}
.helpPaymentPageInner .title {
    margin: 0 0 20px;
    padding: 10px;
    border-left: 2px solid #42a660;
    font-weight: bold;
}
.helpPaymentPageInner .subtitle {
    margin: 0 0 10px;
    font-weight: bold;
}
.helpPaymentPageInner .emphasis {
    color: #e43524;
    font-weight: bold;
}
.helpPaymentPageInner ul li {
    margin: 0 0 10px;
}
@media screen and (min-width: 960px) {
    .helpPaymentPageInner {
        padding: 0;
    }
    .helpPaymentPageInner h2 {
        font-size: 1.8rem;
    }
}

/*
* 荷物の追跡について
*/
.helpTrackingSearch {
    margin: 0 0 20px;
    padding: 10px;
    background: #d1f7dd;
}
.helpTrackingSearch p {
    margin: 0 0 10px;
}
.helpTrackingSearch form {
    position: relative;
    width: 100%;
    height: 40px;
    border: 1px solid #42a660;
    border-radius: 3px 0 0 3px;
    border-radius: 3px;
}
.helpTrackingSearch input[type="text"] {
    width: 100%;
    height: 100%;
    padding: 10px;
    border: none;
    border-radius: 3px 0 0 3px;
    font-size: 100%;
}
.helpTrackingSearch button {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 38px;
    background: #42a660;
    color: #fff;
    border: none;
    text-align: center;
    text-decoration: none;
}
.helpTrackingPageInner {
    padding: 0 10px;
}
.helpTrackingPageInner p span {
    font-weight: bold;
}
.helpTrackingPageInner .wrap {
    margin: 0 0 20px;
}
.helpTrackingPageInner .block {
    margin: 0 0 20px;
    padding: 10px;
    border: 1px solid #bbb;
    border-radius: 3px;
}
.helpTrackingPageInner .block .title {
    margin: 0 0 10px;
    font-weight: bold;
}
@media screen and (min-width: 960px) {
    .helpTrackingSearch {
        padding: 20px;
    }
    .helpTrackingSearch form {
        max-width: 500px;
    }
    .helpTrackingPageInner {
        padding: 0;
    }
    .helpTrackingSearch button {
        width: 90px;
        font-size: 1.6rem;
    }
}

/*
* 荷姿・梱包イメージ
*/
.helpPackingPageInner {
    padding: 0 10px;
}
.helpPackingPageInner p {
    margin: 0 0 20px;
}
@media screen and (min-width: 960px) {
    .helpPackingPageInner {
        padding: 0;
    }
}

/*
* コンビニ決済について
*/
.helpConveniPageInner {
    padding: 0 10px;
}
.helpConveniPageInner h2 {
    margin: 0 0 20px;
    padding: 10px;
    background: #42a660;
    color: #fff;
    font-size: 1.8rem;
}
.helpConveniPageInner h4 {
    margin: 0 0 20px;
    color: #42a660;
    font-size: 1.6rem;
    line-height: 1.4;
}
.helpConveniPageInner .info {
    margin: 0 0 20px;
    padding: 15px;
    background: #f5f5f5;
    border-radius: 5px;
}
.helpConveniPageInner .info div {
    margin: 0 0 10px;
}
.helpConveniPageInner ul li {
    margin: 0 0 20px;
}
.helpConveniPageInner .block {
    margin: 0 0 20px;
}
.helpConveniPageInner .wrap {
    padding: 10px;
    border: 1px solid #42a660;
    border-radius: 3px;
}
.helpConveniPageInner .wrap .title {
}
.helpConveniPageInner .wrap dl {
    margin: 0 0 20px;
}
.helpConveniPageInner .wrap dl dt {
    margin: 0 0 10px;
    font-weight: bold;
}
.helpConveniPageInner .wrap dl dd {
    line-height: 1.6;
}
.helpConveniPageInner .wrap dl:last-child {
    margin: 0;
}
@media screen and (min-width: 960px) {
    .helpConveniPageInner {
        padding: 0;
    }
    .helpConveniPageInner .wrap {
        padding: 20px;
    }
}
/*
* よくある質問
*/
.helpQuestion {
    background-color: #fffc72;
}
.helpQuestionContents {
    padding: 0 10px;
}
.helpQuestionContents section {
    display: none;
    margin: 0 0 30px;
}
.helpQuestionContents .active {
    display: block;
}
.helpQuestionContents h2 {
    margin: 0 0 10px;
    padding: 10px;
    background: #f5f5f5;
    border-left: 3px solid #42a660;
}
.helpQuestionContents p {
    margin: 0 0 10px;
}
.helpQuestionContents p span {
    font-weight: bold;
}
.helpQuestionContents .block {
    margin: 0 0 10px;
    padding: 15px 10px 0;
    border: 1px solid #bbb;
    border-radius: 5px;
}
.helpQuestionContents .block .title {
    margin: 0 0 10px;
    font-weight: bold;
    line-height: 1.4;
}
.helpQuestionContents .payInfoBlock {
    margin: 0 0 10px;
}
.helpQuestionContents .payInfoTitle {
    margin: 0 0 10px;
    padding: 0 0 10px;
    border-bottom: 2px solid #42a660;
    font-weight: bold;
}
.helpQuestionContents .payInfoTable {
    width: 100%;
    margin: 0 0 20px;
    border-top: 1px solid #bbb;
}
.helpQuestionContents .payInfoTable th {
    width: 150px;
    padding: 10px;
    background: #f5f5f5;
    border-bottom: 1px solid #bbb;
    font-weight: normal;
    text-align: left;
}
.helpQuestionContents .payInfoTable td {
    padding: 10px;
    border-bottom: 1px solid #bbb;
    line-height: 1.4;
}
@media screen and (min-width: 960px) {
    .helpQuestionContents {
        padding: 0;
    }
}

/*
* お問い合わせ
*/
.contactIndexPage .separateText {
    margin: 0 0 10px;
    padding: 0 5px;
    border-bottom: 2px solid #e43524;
    color: #e43524;
    font-weight: bold;
}
.contactIndexPage .answer.active {
    margin: 20px 10px 0;
    padding: 10px;
    background: #d1f7dd;
}
.contactIndexPage .noResponseArea {
    margin: 0 10px;
    padding: 20px;
    background: #d7f9ea;
    border-radius: 5px;
}
.contactIndexPage .noResponseArea p:first-child {
    margin: 0 0 10px;
    color: #42a660;
    font-weight: bold;
}
.contactIndexPage .noResponseArea ul {
    margin: 0 0 10px;
}
.contactIndexPage .noResponseArea ul li {
    margin: 0 0 10px;
}
.contactIndexPage .noResponseArea ul li:last-child {
    margin: 0;
}
.contactCompletePage .contactHeader {
    padding: 0 10px;
}
.contactCompletePage .completeInfo .title {
    margin: 0 0 10px;
    padding: 10px;
    background: #42a660;
    color: #fff;
    text-align: center;
}
.contactCompletePage .completeInfo {
    margin: 20px 10px 0;
    padding: 10px;
    background: #d7f9ea;
}
.contactCompletePage .completeInfo ul {
    margin: 10px 0 0;
}
.contactCompletePage .completeInfo ul li {
    margin: 0 0 10px;
}
.contactCompletePage .completeInfo p b {
    color: #42a660;
}
.contactIndexPage .contactCorona {
    margin: 0 10px 20px;
    padding: 20px;
    background: #fffc72;
    border-radius: 5px;
}
.contactIndexPage .contactCorona div {
    margin: 0 0 10px;
    color: #e43524;
    font-weight: bold;
}
.contactIndexPage .contactCorona p {
    margin: 0;
}
@media screen and (min-width: 960px) {
    .contactIndexPage .separateText {
        margin: 0 0 20px;
        padding: 5px 0;
    }
    .contactIndexPage .answer.active {
        margin: 20px 0 0;
    }
    .contactIndexPage .noResponseArea {
        margin: 0;
    }
    .contactCompletePage .completeInfo {
        margin: 20px 0 0;
        padding: 20px;
    }
    .contactIndexPage .contactCorona {
        margin: 0 0 20px;
    }
}

/*
* プライバシーポリシー
*/
.helpPrivacyPageInner {
    padding: 0 10px;
}
.helpPrivacyPageInner p {
    margin: 0 0 20px;
}
.helpPrivacyPageInner ul {
    margin: 0 0 20px;
}
.helpPrivacyPageInner ul li {
    margin: 0 0 10px;
    line-height: 1.6;
}
.helpPrivacyPageInner ul li:last-child {
    margin: 0;
}
.helpPrivacyPageInner dl dt {
    margin: 0 0 10px;
    font-weight: bold;
}
@media screen and (min-width: 960px) {
    .helpPrivacyPageInner {
        padding: 0;
    }
}

/*
* 利用規約
*/
.helpAgreementPageInner {
    padding: 0 10px;
}
.helpAgreementPageInner p {
    margin: 0 0 20px;
}
.helpAgreementPageInner ul {
    margin: 0 0 20px;
}
.helpAgreementPageInner ul li {
    margin: 0 0 10px;
    line-height: 1.6;
}
.helpAgreementPageInner ul li:last-child {
    margin: 0;
}
.helpAgreementPageInner dl dt {
    margin: 0 0 10px;
    font-weight: bold;
}
@media screen and (min-width: 960px) {
    .helpAgreementPageInner {
        padding: 0;
    }
}

/*
* 特商法表記
*/
.helpTradelawPageInner {
    padding: 0 10px;
}
.helpTradelawPageInner dl {
    padding: 15px 0;
    border-top: 1px solid #bbb;
}
.helpTradelawPageInner dl:first-child {
    padding: 0 0 15px;
    border-top: none;
}
.helpTradelawPageInner dl dt {
    margin: 0 0 10px;
}
.helpTradelawPageInner dl dd {
    width: 100%;
    line-height: 1.4;
}
.helpTradelawPageInner ul li {
    line-height: 1.6;
}
.helpTradelawPageInner ul li:last-child {
    margin: 0;
}
@media screen and (min-width: 960px) {
    .helpTradelawPageInner {
        padding: 0;
    }
    .helpTradelawPageInner dl {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .helpTradelawPageInner dl dt {
        width: 335px;
        margin: 0;
    }
    .helpTradelawPageInner dl dd {
        width: 100%;
    }
}

/*
* 承認
*/
.approvalPage {
    margin: 20px 0 0;
}
.approvalPage .approvalContent {
    margin: 20px 0 0;
    padding: 0 10px;
}
.approvalPage .approvalContent p {
    margin: 20px 0;
}
.approvalPage .approvalContent a {
    display: block;
    width: 300px;
    margin: 0 auto;
    padding: 20px;
    text-align: center;
}
@media screen and (min-width: 960px) {
    .approvalPage {
        margin: 30px 0 0;
    }
    .approvalPage .approvalContent {
        padding: 0;
    }
}

/*
* 新型コロナウイルス感染症(COVID-19)による配送遅延について
*/
.helpCoronaPage .helpCoronaPageInner {
    padding: 0 10px;
}
.helpCoronaPage p {
    margin: 0 0 10px;
}
.helpCoronaPage ul {
    margin: 0 0 10px;
    padding: 0 0 0 20px;
}
.helpCoronaPage ul li {
    margin: 0 0 10px;
    list-style-type: disc;
    line-height: 1.4;
}
.helpCoronaPage ul li:last-child {
    margin: 0;
}
@media screen and (min-width: 960px) {
    .helpCoronaPage .helpCoronaPageInner {
        padding: 0;
    }
    .helpCoronaPage p {
        margin: 0 0 20px;
    }
    .helpCoronaPage ul {
        margin: 0 0 20px;
    }
}

/*
* ご利用ガイド
*/
.ImportantNoticesPage {
    padding: 0 10px;
}
.ImportantNoticesPage h1 {
    margin: 0 0 20px;
    padding: 10px;
    background: #e43524;
    color: #fff;
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
}
.ImportantNoticesPage h2 {
    margin: 0 0 10px;
    padding: 5px 0;
    color: #e43524;
    border-bottom: 1px solid #e43524;
    font-size: 2rem;
}
.ImportantNoticesPage time {
    display: block;
    margin: 0 0 5px;
    font-size: 1.4rem;
}
.ImportantNoticesPage ul li {
    margin: 0 0 30px;
    border-radius: 3px;
}
@media screen and (min-width: 960px) {
    .ImportantNoticesPage {
        padding: 0;
    }
}