@charset "utf-8";
 body { background: #010101; color: #fff; }
.select::-webkit-scrollbar { width: 0; background: transparent; display: none; }
.column { background: none; }
.select { margin: 1.5rem 0 -1rem; font-size: 0; text-align: center; white-space: nowrap; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; }
.select li { padding: 0.5rem; display: inline-block; }
.select li:first-child { padding-left: 1rem; }
.select li:last-child { padding-right: 1rem; }
.select li .tab { border-radius: 8px; border: 1px solid #ffb284; color: #ffb284; background: #fff; padding: 1rem; font-size: 1.2rem; cursor: pointer; display: block; font-weight: normal; }
.select li.selected .tab { background: #ccc; color: #fff; background: linear-gradient(90deg, rgb(255,161,161) 0%, rgb(255,176,154) 53%, rgb(255,190,146) 100%); }
.items .item_box { padding: 0.5rem; }
.itemwrap.selected { display: inline-block; display: inline-flex; }
.itemwrap.notselect { display: none; }
.column { padding: 5rem 0 0; background: none; margin-top: 0; border: none; }
.items { padding: 1.5rem 0.5rem 0; display: flex; flex-wrap: wrap; }
.item_wrap { box-shadow: 2px 3.464px 8px 0px rgba(17, 17, 17, 1); border-radius: 8px; overflow: hidden; }
.recommend .item_wrap { background: #fefbfa; box-shadow: 3px 5.196px 11px 0px rgba(17, 17, 17, 1); }
.item_wrap .item_description { padding: 1rem; }
.item_wrap .item_icons .item_delivery { background: none; display: inline-block; margin-top: 0.9rem; padding: 0.2rem; }
/*.recommendwrap { background: #010101; }*/
.recommend.column { padding: 0; margin: 3rem auto 0; }
.recommend.column .select { padding: 0 1rem 1px; margin: 0; /*margin-bottom: -1px;*/ width: 100%; display: block; align-items: center; justify-content: center; }
/*.recommend.column .select li { padding: 0.5rem 0; width: 100%; }*/
.recommend.column .select li { width: 33.33%; padding: 0; }
.recommend.column .select li .tab { width: 100%; border-radius: 0; border: 1px solid #ffb284; border-right: none; }
.recommend.column .select li:first-child .tab { border-radius: 8px 0 0 8px; }
.recommend.column .select li:last-child .tab { border-radius: 0 8px 8px 0; border-right: 1px solid #ffb284; }
.recommend.column .items .item_box { width: 50% !important; } 
.recommend.column .items .item_box .item_wrap .item_icons { display: none; }
.category_link { margin: 1rem 1rem 0; display: block; color: #ffb284; padding: 1.5rem; font-weight: bold; font-size: 1.4rem; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-color: #ffb284; background-image: linear-gradient(to right, #ffa1a1, #ffbe92); position: relative; }
.category_link:before { content: ""; display: block; position: absolute; background: linear-gradient(#fdf4e6, #fdf4e6), linear-gradient(90deg, #ffa1a1 0%, #ffbe92 100%); background-clip: padding-box, border-box; background-origin: border-box; border: 2px solid transparent; border-radius: 8px; color: #ffb284; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; }
.footer { margin: 3rem 0; background:#222; }
@media screen and (max-width: 639px) {
    .footer { margin: 0; }
}	
.bottom_wrap { background: #010101; padding: 0 1rem; }
.button { border: 0; background: rgba(255, 255, 255, 0.6); padding: 1.8rem 0; font-weight: 500; }
.item_wrap .item_icons i:last-child { border-right: 1px solid #f76966; }
.item_wrap .item_icons .item_delivery { color: #f76966; }
.item_wrap .item_icons i { border: 1px solid #f76966; }
.item_wrap .item_sale_price { color: #f76966; }
.item_wrap .item_icons .item_off { background: #f76966; display: inline-block; margin-top: 0.9rem; padding: 0.2rem; }
.item_wrap .item_description { color: #010101; }
.title { font-size: 1.8rem; font-weight: bold; color: #fff; }
.bottom .title { color: #fff; font-size: 1.6rem; font-weight: 400; }
.mainimg { padding-bottom: 16rem; margin-top: 2rem; background: rgba(141, 141, 141, 0.3); width: 100%; }
.img { padding-bottom: 18rem; margin-top: 2rem; background: rgba(141, 141, 141, 0.3); width: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; }
.topimg { margin-bottom: -10rem; }
@media screen and (max-width: 639px) {
.topimg { margin-bottom: -20rem !important; }
.member a { margin: 2rem 2rem -1rem !important; }
.recommend.column.newTop { padding: 3rem 0 5rem !important; }
}	

.topimg.sp { display: block; }
.topimg.pc { display: none; }
.item_wrap .item_cate, .item_wrap .item_name { overflow: hidden; text-overflow: ellipsis; }
/*.newTop .item_wrap .item_cate, .newTop .item_wrap .item_name { display: none; }*/
.toppage { color: #888; }
.topmenu .li:first-child { border-right: 0.5px solid #ccc; }
/* .bg1 { background-image: url(https://image.rakuten.co.jp/dondon/cabinet/lp/newlife/bg1.jpg); background-repeat: no-repeat; background-size: contain; }
.bg2 { background-image: url(https://image.rakuten.co.jp/dondon/cabinet/lp/bg2.jpg); background-repeat: no-repeat; background-size: contain; margin-top: 5rem; } */
.newTop .category li { width: 50%; }
.recommend.column.newTop { padding: 0 0 5rem; margin-top: 0; }
a { color: #010101; }
li { -webkit-tap-highlight-color: rgba(0,0,0,0); }
.item_wrap .item_icons { margin: 0; }
.item_wrap .item_price { margin-top: 0.9rem; }
/*.category .item_wrap .item_icons .item_delivery { margin-top: 0.8rem; }*/
.category .item_wrap .item_price { margin-top: 0.7rem; }
/*.item_wrap .item_name { margin-top: 0.3rem; }*/
.select .li .tab img { padding: 1rem; margin-bottom: 1rem; max-height: 5rem; width: auto; }
.select li .tab img { max-height: 6rem; width: auto; padding-bottom: 0.8rem; }
.recommend.column .select4 li { width: 25%; }
.select4 li .tab img { max-height: 4.8rem; width: auto; padding-bottom: 0.6rem; }
.select4 li .tab { padding: 0.7rem 0 1rem; }
.cateindex { padding: 1rem; font-size: 1rem; display: block; width: 100%; }
.cateindex.notselect { display: none; }
.cateblock.notselect { display: none; }
/* .cateselect { margin: 2rem 1rem -1px; padding-bottom: 1px; border: 1px solid #ffb284; border-radius: 8px; font-size: 0; overflow: hidden; }
.cateselect li { font-size: 1.2rem; display: inline-block; margin: 0; border-bottom: 1px solid #ffb284; border-right: 1px solid #ffb284;	 width: 25%; color: #ffb284; background: #fff; 	padding: 1rem 0 1.1rem;	cursor: pointer; }
.cateselect li.selected { background: linear-gradient(90deg, rgb(255,161,161) 0%, rgb(255,176,154) 53%, rgb(255,190,146) 100%); color: #fff; }
.cateselect li .tab img { max-height: 3.3rem; margin-bottom: 0.7rem; width: auto; }
.cateselect li:nth-child(4n) { border-right: none; }
.cateselect li:nth-child(n+9) { border-bottom: none; margin-bottom: -1px; } */
.notSelect { display: inline-block; }
.onSelect { display: none; }
.selected .notSelect { display: none; }
.selected .onSelect { display: inline-block; }
.selectwrap { padding-top: 2.05rem; }
.recommend.column .cateselect { padding: 0 1rem;	margin: 0; align-items: unset; justify-content: unset; text-align: left; display: block; -ms-overflow-style: none; scrollbar-width: none; }
.recommend.column .cateselect li { width: auto; display: inline-block; margin: auto 0.5rem; height: auto; }
/* .recommend.column .cateselect li .tab { border: none; border-radius: 999999px; background: #FFF; color: #010101; margin-bottom: 2px; font-weight: 600; padding: 0.5rem 1rem; } */
/* .recommend.column .cateselect li:first-child .tab { border-radius: 0; } */

.recommend.column .cateselect li:last-child .tab { border-radius: 0; border-right: none; }
.gradBorder { margin-bottom: 5px; }
.recommend.column .cateselect .selected .gradBorder { margin-bottom: 0; }
.gradBorder .cateselect_inner{ padding-bottom: 0rem; font-weight: 600; font-size: 1.3rem; }
/* .recommend.column .cateselect .selected .gradBorder:after { content: "";	display: block;	height: 3px; width: 100%; background: -webkit-gradient(linear, left top, right bottom, from(#ffa1a1), to(#ffbd92));	background: -moz-linear-gradient(left, #ffa1a1, #ffbd92); background: -ms-linear-gradient(left, #ffa1a1, #ffbd92); background: linear-gradient(left, #ffa1a1, #ffbd92); } */
.bottom { padding: 0 1rem; }
.topmenu { padding: 3rem 0 0; }
.button:first-of-type { margin-top: 2rem; color: #fff; }
.toppage, .topmenu .li { font-weight: 500; color: #fff; }
.recommendwrap h1 { margin-top: 1rem; }
@media screen and (min-width: 640px){ .select li .tab { font-size: 1rem;  padding: 1.2rem 0 0.95rem; font-weight: normal; }
	.select li .tab img { max-height: 4.05rem; width: auto; padding-bottom: 0; margin-bottom: 0.75rem; }
    .select li { padding: 0.5rem 0.25rem; }
    .title { font-size: 2.1rem; text-align: center; /*font-weight: 500;*/ }
    .recommend .title { font-size: 2rem; letter-spacing: -0.4px; }
    .select { margin: 1rem 0 -1.5rem; overflow: hidden; }
    .select li:first-child { padding-left: 0.25rem; }
    .select li:last-child { padding-right: 0.25rem; }
    .items .item_box { width: 20%; }
    .item_wrap .item_cate {padding-bottom: 1px; }
    .recommend.column { padding: 6rem 0 0; display: block; }
    .recommend.column .items .item_box { width: 25% !important; }
    .recommend.column .select li { width: 16.6%; }
	.recommend.column .select li:first-child .tab { border-radius: 10px 0 0 10px; }
	.recommend.column .select li:last-child .tab { border-radius: 0 10px 10px 0; }
    .column { padding: 4rem 0 0; text-align: right; }
    .category_link { font-size: 0.7rem; padding: 1rem; margin: 1.5rem 0 0; display: inline-block; width: initial; }
    .bottom_wrap { padding: 0; }
    .footer { border-top: none; width: 100%; max-width: 100%; margin: 3rem 0 0; text-align: center; }
    .bottom { background: none; border: none; }
    .button { background: none; }
    .copyright { text-align: left; }
    .column.menu .toppage.pc { color: #ccc; }
    .topimg.pc { margin: 0 auto -11.25rem; display: block; max-width: 750px; }
    .topimg.sp { display: none; }
    /* .bg1 { background-image: url(https://image.rakuten.co.jp/dondon/cabinet/lp/newlife/bg1_pcs.jpg?5); background-position: top; background-size: auto; background-repeat: repeat-x; }
    .bg2 { background-image: url(https://image.rakuten.co.jp/dondon/cabinet/lp/newlife/bg2_pcs.jpg?2); background-position: top; background-size: auto; background-repeat: repeat-x; margin-top: 6rem; } */
    .img { padding-bottom: 22.5rem; }
    .item_wrap .item_description { padding: 0.75rem; }
    .bottom .column.menu { padding: 5.05rem 0 0; }
    .logo { margin: 0 2rem 0 2rem; }
    .top { background-position: top; }
    .item_wrap .item_icons .item_delivery, .item_wrap .item_icons .item_off { display: inline-block; margin-top: 0.35rem; }
	.category .item_wrap .item_icons .item_delivery { /*margin-top: 0.35rem;*/ margin-top: 0.4rem; }
	.item_wrap .item_name { margin-top: 0.25rem; }
	.item_wrap .item_price { margin-top: 0.5rem; }
	.items { padding: 2rem 0 0; }
    .items .itemwrap { padding: 0.5rem; }
	.items .item_wrap .item_description { padding: 0.7rem 0.7rem 0.85rem; }
	.newTop .category .items .item_wrap .item_description { padding: 0.6rem; }
    .category .item_wrap .item_price { /*margin-top: 0.4rem;*/ margin-top: 0.5rem; }
	.category .item_wrap .item_description { /*padding: 0.55rem;*/ padding: 0.7rem 0.7rem 0.85rem; }
    .newTop .item_wrap .item_cate, .newTop .item_wrap .item_name {display: block; }
/*	.recommend.column.newTop { padding: 3rem 0 0; }*/
	.newTop .category li { width: 20%; }
	.newTop .title { font-size: 2rem; }
	.item_wrap { border-radius: 12px; }
	.selectwrap { padding-top: 1.9rem; }
	.selectwrap .items { padding: 2rem 0 0; }
	.cateblock .selectwrap { padding-top: 1.9rem; }
	.bg1 .recommend.column { padding: 6.5rem 0 0; }
    .select4 li .tab { font-size: 1rem; padding: 0.7rem 0 0.9rem; }
	.select4 li .tab img { /*max-height: 4.9rem; margin-bottom: 0.4rem;*/ max-height: 5rem; margin-bottom: 0.3rem; }
	.recommend.column .cateselect { padding: 0; text-align: left; }
	.recommend.column .cateselect li { margin: auto 0.7rem; width: auto; }
    /* .cateselect { margin: 1.8rem 0 0; font-size: 0; }
	.cateselect li { font-size: 0.8rem; font-weight: 300; padding: 0.9rem 0 0.8rem ; text-align: center; }
	.recommend.column .cateselect li { width: 16.66%; }
	.cateselect li .tab img { max-height: 2.8rem; margin-bottom: 0.6rem; width: auto; }
	.cateselect li:nth-child(4n) { border-right: 1px solid #ffb284; }
	.cateselect li:nth-child(6n) { border-right: none; }
    .cateselect li:nth-child(n+7) { border-bottom: none; margin-bottom: -1px; } */
	.gradBorder { margin-bottom: 7px; }
	.recommend.column .cateselect .selected .gradBorder:after { height: 5px; }
	.gradBorder .cateselect_inner { padding-bottom: 0.75rem; font-size: 1rem; font-weight: 500; color: #fff; }
	.column.menu .topmenu .li, .column.menu .button { color: #666666; }
	.toppage, .topmenu .li, .button { font-weight: 400; }
}
@media all and (-ms-high-contrast: none){ 
    .category_link { background: none; width: auto; }
}



.merit { margin: 3rem 0 4rem 0; }
.head { font-size: 1.35rem ; font-weight: var(--base-font-weight_bold) ; text-align: center; }	
.merit_list { margin-top: 3rem ; padding: 0 2rem ; text-align: left; }
.merit_list_content { margin-top: 2rem ; display: flex ; align-items: flex-start; }
.merit_list_left { padding: 0.75rem 0.7rem 0.7rem ; border-radius: 100px ; width: 3.5rem ; height: 3.5rem ; display: flex ; align-items: center ; background: #fff !important; }
.merit_list_right { margin-top: 0.25rem ; padding-left: 1.5rem ; width: calc(100% - 3.5rem); }
.merit_list_head { font-size: 1.1rem ; font-weight: var(--base-font-weight_bold); }
.merit_list_desc { margin-top: 0.75rem ; font-size: 1rem ; line-height: 1.25 ; white-space: nowrap ; font-feature-settings: "palt"; }
.merit_list_left.icon_speech { padding: 0.8rem 0.75rem 0.7rem; }
.button { margin: 3.25rem auto 0 ; padding: 1.5rem ; font-size: 1.35rem ; font-weight: var(--base-font-weight_bold) ; color: #fff ; background-color: #14a6b9 ; border-radius: 1.5rem; }

@media screen and (max-width: 639px) {
	.pc, .pc_inline { display: none; }
}	
	
@media screen and (min-width: 640px) {
	.merit { margin-top: 3.75rem; }
    .merit_list { margin: 2.25rem auto; max-width: 1180px; }
	.merit .head { font-size: 1.5rem; }
	.merit_list_content { margin-top: 0; width: 33.33%; display: inline-block; text-align: center; }
	.merit_list_left { margin: 0 auto; }
	.icon_cart + .merit_list_right { margin-left: 3rem; }
	.merit_list_right { margin: 0 auto; padding-left: 0; display: inline-block; width: auto; }
	.merit_list_head { margin-top: 1.25rem; font-size: 1.15rem; line-height: 1.5; text-align: left; }
	.merit_list_desc { margin-top: 0.5rem; line-height: 1.375; white-space: normal; text-align: left; }
	.button { margin: 1.25rem auto 0; font-size: 1.5rem; max-width: 520px; }
}
	
.global_footer-sns { border: 1px solid #ddd; padding: 0 0 3rem 0; /*margin: 0 0 3rem 0;*/ }
.global_footer-sns-heading { font-size: 1.5rem; font-weight: 500; letter-spacing: 0.05rem; margin: 3rem 0 0 0; }
.global_footer-sns-text { font-size: 1rem; margin-top: 1.25rem; line-height: 1.6; }
.global_footer-sns-icons { display: flex; justify-content: center; margin-top: 1.25rem; }
.global_footer-sns-icons-li { width: 3rem; margin: 0 0.75rem; }
.global_footer-sns-icons-li-a {	display: block; }
.global_footer-pagetop { margin-top: 4rem; color: #fff; }
.global_footer-navi-a { color: #fff !important; }

@media screen and (min-width:640px) {
	.global_footer-sns { max-width: 700px; margin: 0 auto; /*padding: 2.5rem 2rem;*/ }
	.global_footer-sns-text .sp { display: none; }
	.global_footer-sns-icons-li { width: 2.75rem; }
}
@media screen and (max-width:639px) {
	.global_footer-sns-icons { 	display: grid; /* gridに切り替え */ grid-template-columns: repeat(3, auto); /* 3列 */ justify-content: center ; 	gap: 16px 10px; /* 行間・列間を調整 */ }
	.global_footer-sns-icons-li { 	width: 3.75rem; }
	.global_footer-sns-icons li { text-align: center; border: 0px; /* デモ用 */ }
	.global_footer-app-heading { font-size: 1.5rem; font-weight: 500; letter-spacing: 0.05rem; margin: 3rem 0 0 0; }
	.global_footer-app-icons { display: flex; justify-content: center; margin: 1.75rem 0 0 0; }
	.global_footer-app-icons-li { 	width: 40%; margin: 0 1rem 0 0; }
	.global_footer-app-icons-li:last-child { margin-right: 0; }
}

@media screen and (min-width: 640px) { 
    .global_footer-app-icons { display: flex; justify-content: center; margin-top: 1.25rem; }
	.global_footer-app-icons-li { width: 11.75rem; }
    .global_footer-app-icons-li-a { display: block; }
}
@media screen and (min-width: 640px) { 
    .button { margin: 1.25rem auto 0; font-size: 1.5rem; max-width: 520px; }
}

.button { margin: 3.25rem auto 0; padding: 1.5rem; font-size: 1.35rem ; font-weight: var(--base-font-weight_bold) ; color: #d25f4d !important; background-color: #ffeacb ; border-radius: 1.5rem; }

@media screen and (min-width: 640px) {
    .__maxwidth { padding: 0 20px; margin-top: 2.5rem; }
}