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


/* --------------------------------
	1.各パーツの余白
-------------------------------- */
.p-new_product__slider__track__list {
/*	justify-content: space-between; */
	justify-content: flex-start;
}

.p-new_product__slider__track__list li {
	flex: 1;
}

.p-category_panel__container--grid .p-category_panel__content {
	justify-content: space-between;
    margin: 0;
}

.p-category_panel__container--grid .p-category_panel__block {
    margin: 0!important;
	flex: 1;
}

.c-selection__note {
    padding: 10px 20px 0;
}

.p-banner_section,
.p-selection__content {
	gap: 20px;
}

.p-category_ranking_section .c-section_title {
    margin-bottom: 20px;
}

.p-new_product {
    width: min(100%, 1240px);
    margin: 0 auto;
    padding-inline: 15px;
}

.p-new_product .medium-up--one-5 {
	width: calc((100% - 80px) / 5);
}

@media screen and (max-width: 719px) {
	.p-new_product .medium-up--one-5:not(.forced-single-row) {
		max-width: 50%;
	}
}


/* --------------------------------
	2.模様入りの背景にする
	32.模様入りの背景にする
-------------------------------- */
main {
	background-image: url(https://d2w53g1q050m78.cloudfront.net/wwwarahataencom/uploads/img/bg.jpg)!important;
	background-repeat: repeat!important;
	padding: 0 0 15px!important;
}

.p-show_selection > h1 {
	margin-top: 0;
    margin-bottom: 0;
	padding: 60px 0 40px;
}

.p-column_header .p-column_header__panel .u-color__bg--base {
	background: none!important;
}

@media screen and (max-width: 719px) {
	.p-show_selection > h1 {
		margin-top: 0;
		margin-bottom: 0;
		padding: 30px 0 20px;
	}
}


/* ----------------------------------------
	7.メイン画像のサイズ変更（商品詳細ページ）
---------------------------------------- */
#product-show-view {
	padding-top: 0!important;
}

.c-product_img__track {
	max-width: 500px;
	margin: 0 auto;
}

@media screen and (max-width: 719px) {
	.c-product_img__track {
	  max-width: 100%;
	  margin: 0;
	}
}


/* --------------------------------
	8.カテゴリ名の非表示
-------------------------------- */
#product-category {
    display: none;
}


/* --------------------------------
	9.注文ボタンの角丸・横幅
-------------------------------- */
.c-product_info__form__submit.fix-hover {
    width: 64%;
    border-radius: 6px;
}



/* --------------------------------
	13.スライダーバナーのサイズ変更
-------------------------------- */
.p-carousel_slider__track {
}

.splide__list {
	justify-content: center; 
	align-items: center; 
	margin: 0 auto!important;
}

.p-product_content__inner__img .splide__list {
	justify-content: flex-start; 
}

.p-carousel_slider #splide01-track .p-carousel_slider__track__list li.p-carousel_slider__track__list__item {
	margin: 0 -5%!important; 
}

.p-carousel_slider #splide01-track .p-carousel_slider__track__list li.is-active {
}

.p-carousel_slider #splide01-track .p-carousel_slider__track__list li.p-carousel_slider__track__list__item div,
.p-carousel_slider #splide01-track .p-carousel_slider__track__list li.p-carousel_slider__track__list__item a {
	margin: 0 auto;
	width: 90%; /* スライダー画像のサイズ調整箇所。〇%部分を任意の数値に変更して調整してください。 */
}

.p-carousel_slider__track__list__item__inner {
	padding-top: 40%;
}

.p-carousel_slider__nav {
	padding-top: 0;
}

@media screen and (max-width: 719px) {
	.p-carousel_slider__track {
		padding: 0!important;
	}
	.p-carousel_slider #splide01-track .p-carousel_slider__track__list li.p-carousel_slider__track__list__item {
		margin: 0!important; 
	}
	.p-carousel_slider li {
		width: 100%!important;
	}
	.p-carousel_slider #splide01-track .p-carousel_slider__track__list li.p-carousel_slider__track__list__item div {
		width: 100%;
	}
}


/* -------------------------------------
	14.トップページ内「コンセプト」の高さ
------------------------------------- */
.p-concept {
	background: none!important;
}

.p-concept--layout2 .p-concept__image {
/*	height: 29.17vw; */
} 

.p-concept--layout2 .p-concept__inner {
    padding: 30px 0;
    width: 100%;
    text-align: center;
}


@media screen and (max-width: 719px) {
	.p-concept--layout2 .p-concept__image {
		height: 29.17vw;
	}
	.p-concept__image img {
		object-fit: contain;
	}
	.p-concept--layout2 .p-concept__inner {
		padding: 0.75rem 0;
	}
}


/* ----------------------------------------
	15.セレクションページ内、上部画像を非表示
---------------------------------------- */
.p-selection_eye_catch {
	display: none;
}

#selection-show-view {
	padding-top: 0!important;
}

#selection-show-view img {
    max-width: 800px!important;
    margin: 0 auto 20px!important;
    border-radius: 4px!important;
}


/* --------------------------------------------
	16.「ギフトサービスを注文する」ボタンを非表示
-------------------------------------------- */
#cart-show-view .p-cart_content__button {
	display: none;
}

@media screen and (max-width: 719px) {
	
}


/* --------------------------------
	17.商品詳細ページ内のリンク
-------------------------------- */
#product-show-view #product-description a {
/*  color: #386f81; */
	color: #1d3994;
	text-decoration: underline;
}


/* --------------------------------
	18.購入履歴の非表示
-------------------------------- */
/* .p-account .p-history_list .p-history_list__item .p-history_list__item__header .u-text--btn, */
.c-cart_item__info__status div:first-child,
#orders-detail-view .c-account_table:nth-child(2) > tbody > tr > th:nth-child(2),
#orders-detail-view .c-account_table:nth-child(2) > tbody > tr > td:nth-child(2),
#orders-detail-view .c-account_table:nth-child(2) > tbody > tr > th:nth-child(3),
#orders-detail-view .c-account_table:nth-child(2) > tbody > tr > td:nth-child(3),
#orders-detail-view .c-account_table:nth-child(2) > tbody > tr > th:last-child,
#orders-detail-view .c-account_table:nth-child(2) > tbody > tr > td:last-child,
.p-subscription_detail .p-subscription_detail__block:first-child .c-account_table > tbody > tr > th:last-child,
.p-subscription_detail .p-subscription_detail__block:first-child .c-account_table > tbody > tr > td:last-child,
.p-subscription_detail .p-subscription_detail__block:nth-child(4) .c-account_table > tbody > tr > th:nth-child(2),
.p-subscription_detail .p-subscription_detail__block:nth-child(4) .c-account_table > tbody > tr > td:nth-child(2),
.p-subscription_detail .p-subscription_detail__block:nth-child(4) .c-account_table > tbody > tr > th:nth-child(3),
.p-subscription_detail .p-subscription_detail__block:nth-child(4) .c-account_table > tbody > tr > td:nth-child(3),
.p-subscription_detail .p-subscription_detail__block:nth-child(4) .c-account_table > tbody > tr > th:nth-child(4),
.p-subscription_detail .p-subscription_detail__block:nth-child(4) .c-account_table > tbody > tr > td:nth-child(4),
.p-subscription_detail .p-subscription_detail__block:nth-child(4) .c-account_table > tbody > tr > th:nth-child(5),
.p-subscription_detail .p-subscription_detail__block:nth-child(4) .c-account_table > tbody > tr > td:nth-child(5),
.p-subscription_detail .p-subscription_detail__block:nth-child(4) .c-account_table > tbody > tr > th:last-child,
.p-subscription_detail .p-subscription_detail__block:nth-child(4) .c-account_table > tbody > tr > td:last-child {
    display: none;
}


/* --------------------------------
	19.トップページ文言
-------------------------------- */
.attention {
/*	padding: 1.5rem 0 0; */
	padding: 1rem 0 0.5rem; 
	text-align: center;
	color: #666;
	font-size: 12px;
}


/* --------------------------------
	20.カテゴリ削除
-------------------------------- */
.c-product_item__inner__category.u-text--subhead,
.c-cart_item__info__category {
	display: none;
}


/* --------------------------------
	21.商品ページ内パンくずリスト
-------------------------------- */
.p-product_content {
	padding-top: 40px;
}

.p-product_content .p-product_content__breadcrumbs {
	display: none;
}

@media screen and (max-width: 719px) {
}


/* --------------------------------
	22-27.価格表記
-------------------------------- */
/* 
#list-price-include-tax,
#sales-price-include-tax {
	display: none;
}

span#sale.u-color__text--alert {
    display: none;
}

.c-product_item__inner__price.u-text--body span:nth-child(2):not(u-color__text--alert),
.c-product_item__inner__price.u-text--body span:nth-child(3),
.c-product_item__inner__price.u-text--body span.u-color__text--alert,
.c-product_item__inner__price.u-text--body span:last-child {
	display: none;
}

#index-view span.sale::after,
span.price::after,
.sale.u-color__text--alert::after {
	content: "（税込）";
} */

@media screen and (max-width: 719px) {
}


/* --------------------------------
	22.商品ページ（税込対応）
-------------------------------- */
/* #product-show-view #price-group #product-price-content .u-text--subhead.u-text-line-through:nth-child(2),
#product-show-view #price-group #product-price-content #list-price-include-tax,
#product-show-view #price-group #product-price-content span.u-text--subhead:nth-child(8),
#product-show-view #price-group #product-price-content #sales-price-include-tax {
	font-size: 0;
}

#product-show-view #price-group #product-price-content .u-text--subhead.u-text-line-through:nth-child(2)::after,
#product-show-view #price-group #product-price-content span.u-text--subhead:nth-child(8) {
	 (税込
} */

@media screen and (max-width: 719px) {
}


/* --------------------------------
	23.検索結果ページ（税込対応）
-------------------------------- */
/* #add_product_async_view .c-product_item__inner__content ul.p-product_list__list .c-product_item__inner__content .c-product_item__inner__price.u-text--body span.origin,
#add_product_async_view .c-product_item__inner__content .origin
{
	font-size: 0;
} */



@media screen and (max-width: 719px) {
}


/* --------------------------------
	24.セレクション（税込対応）
-------------------------------- */

@media screen and (max-width: 719px) {
}


/* --------------------------------
	25.カテゴリー（税込対応）
-------------------------------- */

@media screen and (max-width: 719px) {
}


/* --------------------------------
	26.ランキング（税込対応）
-------------------------------- */

@media screen and (max-width: 719px) {
}


/* --------------------------------
	27.閲覧商品（税込対応）
-------------------------------- */

@media screen and (max-width: 719px) {
}


/* --------------------------------
	28.買い物かご／マイページ（購入履歴）
-------------------------------- */
/*#cart-show-view .p-cart_content__inner__side .c-billing_list.u-color__bg--bg ul li.c-billing_list__detail__item dt.c-billing_list__detail__item__row__title::after,	/* カート * /
#cart-show-view .p-cart_content__inner__side .c-billing_list.u-color__bg--bg .c-billing_list__total .c-billing_list__total__title.u-text--subhead::after,
#confirm-view .p-checkout_confirm__inner__side .c-billing_list.u-color__bg--bg ul.c-billing_list__detail li.c-billing_list__detail__item .c-billing_list__detail__item__row dt.c-billing_list__detail__item__row__title::after,		/* ご注文内容のご確認 * /
#confirm-view .p-checkout_confirm__inner__side .c-billing_list.u-color__bg--bg .c-billing_list__total .c-billing_list__total__title.u-text--subhead::after,
#orders-detail-view .c-billing_list.u-color__bg--bg ul.c-billing_list__detail .c-billing_list__detail__item dt.c-billing_list__detail__item__row__title::after,	/* 購入履歴詳細 * /
#orders-detail-view .c-billing_list.u-color__bg--bg .c-billing_list__total .c-billing_list__total__title.u-text--subhead::after {
	content: "（税込）"
}

#cart-show-view .p-cart_content__inner__side .c-billing_list.u-color__bg--bg ul li.c-billing_list__detail__item:last-child,
#confirm-view .p-checkout_confirm__inner__side .c-billing_list.u-color__bg--bg ul li.c-billing_list__detail__item:nth-child(2) {
	display: none;
} */

@media screen and (max-width: 719px) {
}


/* --------------------------------
	29.付与予定ポイントの非表示
-------------------------------- */
/*.c-billing_list .c-billing_list__total:last-child, */
/* #new-view #view-point-redeem, 
#confirm-view .p-checkout_confirm__inner__side .c-billing_list__total:last-child,
#orders-detail-view .p-account .p-account__inner .p-account__inner__content .p-history_detail .p-history_detail__block:nth-child(2) .p-history_detail__block__wrapper .c-billing_list.u-color__bg--bg .c-billing_list__total:last-child {
	display: none; */
}

@media screen and (max-width: 719px) {
}


/* ----------------------------------------------
	30.ヘッダーの「カートに商品を追加しました」表示位置
---------------------------------------------- */
.c-tooltip {
    position: fixed;
    top: 4.5%!important;
    right: -2.4%!important;
    left: initial!important;
}

@media screen and (max-width: 719px) {
	.c-tooltip {
		right: 3%!important;
	}
}


/* --------------------------------
	31.マイページ（購入履歴）
-------------------------------- */
#orders-detail-view .c-account_table:first-child > tbody > tr > th:nth-child(3),
#orders-detail-view .c-account_table:first-child > tbody > tr > th:nth-child(5),
#orders-detail-view .c-account_table:first-child > tbody > tr > th:nth-child(6),
#orders-detail-view .c-account_table:first-child > tbody > tr > td:nth-child(3),
#orders-detail-view .c-account_table:first-child > tbody > tr > td:nth-child(5),
#orders-detail-view .c-account_table:first-child > tbody > tr > td:nth-child(6) {
	display: none;
}

@media screen and (max-width: 719px) {
}


/* --------------------------------
	33.マイページ（定期）
-------------------------------- */


@media screen and (max-width: 719px) {
}


/* --------------------------------
	34.クレジット払いについて
-------------------------------- */
.attention-payment {
	padding-top: 1rem;
}

@media screen and (max-width: 719px) {
}


/* ---------------------------------------------
	35.マイページ（購入履歴）「変更する」ボタン非表示
--------------------------------------------- */
.p-account .p-history_detail__block .p-history_detail__block__head a.p-history_detail__block__head__btn.u-text--btn.u-color__btn--bg,
.p-account .p-subscription_detail .p-subscription_detail__block:nth-child(3) .p-subscription_detail__block__head a.p-subscription_detail__block__head__btn.u-text--btn.u-color__btn--bg {
	display: none;
}

@media screen and (max-width: 719px) {
}


/* --------------------------------
	36.マイページ（定期）
-------------------------------- */
#subs-order-show-view .p-subscription_detail__block form.p-subscription_detail__resume-form .p-subscription_detail__resume-form__content {
	display: none;
}

@media screen and (max-width: 719px) {
}


/* --------------------------------
	38.ご注文内容のご確認
-------------------------------- */
#confirm-view .c-cart_list__list__item__info__category.u-text--body {
    display: none;
}

@media screen and (max-width: 719px) {
}


/* --------------------------------
	39.マイページ（左ナビ）
-------------------------------- */
nav.c-account_menu ul.c-account_menu__list.js-account_menu__content li.c-account_menu__item:nth-child(11) {
	display: none;
}

@media screen and (max-width: 719px) {
}


/* --------------------------------
	40.マイページ（左ナビ）
-------------------------------- */
nav.c-account_menu ul.c-account_menu__list.js-account_menu__content li.c-account_menu__item a.c-account_menu__content.--main-heading {
	pointer-events: none
}

@media screen and (max-width: 719px) {
}


/* --------------------------------
	4.
-------------------------------- */

@media screen and (max-width: 719px) {
}


/* --------------------------------
	その他レイアウト調整
-------------------------------- */
.l-header__inner__block__item--name {
    text-align: center;
    padding-bottom: 1rem;
    font-size: 100%;
}

.l-footer {
    padding: 80px 0 60px;
	display: block;
}

.l-footer__inner-width {
	width: max(60%, 718px);
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}

.l-footer__info {
	margin-right: auto;
}

.p-cart_content__inner__side {
	margin-bottom: 2rem;
}

@media screen and (max-width: 719px) {
	.l-footer {
		padding: 1.5rem 1rem;
	}
	
	.l-footer__inner-width {
		width: 100%;
		flex-direction: column;
		padding: 0;
	}
}


body {
	top: 0!important;
}