@charset "utf-8";
/* ------------------------------
oc スライダー おせち2026 osechi sz 2025/8/4
------------------------------ */

.osechi .slider_wrap{}

	/*content*/
.osechi .slider_content .slide_item{ position: relative;}

.osechi .slider_content .slide_item .menu_photo{
	position: relative; overflow: hidden;
	background: #f3f3f3;
	background:linear-gradient(to bottom,#F2F2F2 0%,#F2F2F2 40%, #E8E8E8 100%);
}
.osechi .slider_content .slide_item .menu_photo::after,
.osechi .slider_content .slide_item .menu_photo::before{
	content: ""; position: absolute; left: 0; top: 0; z-index: 10;
	width: 100%; height: 13vw;
	background: linear-gradient(to bottom,#141212 0%,#141212 100%);
}
.osechi .slider_content .slide_item .menu_photo::after{
	top: unset; bottom: 0vw; height: 11vw; 
	background: linear-gradient(to bottom,rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.8) 100%);
}

.osechi .slider_content .slide_item .menu_photo img{ position: absolute; width: 100%; z-index: 1;}
.osechi .slider_content .slide_item .menu_name,
.osechi .slider_content .slide_item .menu_text{ position: absolute; z-index: 20;}
.osechi .slider_content .slide_item .menu_name{ color: #eee;}
/* sp▽ */ @media only screen and (max-width: 768px) {
	.osechi .slider_content .slide_item .menu_photo{ height: 85vw; }
	.osechi .slider_content .slide_item .menu_photo img{ top: 13vw;}
	.osechi .slider_content .slide_item .menu_name{ top: -1vw; padding: 0.5vw 3vw 0.5vw 2vw; min-height: 12.5vw; }
	.osechi .slider_content .slide_item .menu_name.line_1_sp{ padding-top: 3.8vw;}
	.osechi .slider_content .slide_item .menu_text{ top: 73vw; padding: 3vw 3vw; font-size: 12px; line-height: 1.1em;}
}/*△*/


/* PC▽ */ @media only screen and (min-width: 768px) {
	.osechi .slider_content .slide_item .menu_photo{ height: 600px;}
	.osechi .slider_content .slide_item .menu_photo::before{ height: 90px;}
	.osechi .slider_content .slide_item .menu_photo::after{ height: 50px; bottom: 0px;}
	.osechi .slider_content .slide_item .menu_photo img{ top: 16px;}
	.osechi .slider_content .slide_item .menu_name{ top: 0px; left: 10px; margin : unset; margin-top: 5px; padding: 3px 22px 5px 22px; font-size: 32px; line-height: 1.2em;}
	.osechi .slider_content .slide_item .menu_name.line_1_pc{ padding-top: 22px;}
	.osechi .slider_content .slide_item .menu_name.line_2_pc{ padding-top: 0px;}
	.osechi .slider_content .slide_item .menu_text{ top: 550px; width: 100%; padding: 10px 20px 5px;}
	.osechi .slider_content .slide_item .menu_text .menu_catch{ font-size: 16px;}
}/*△*/


	/*content icon関係*/
.osechi .slider_content .slide_item.status::before,
.osechi .slider_content .slide_item.category::after {
	content: "";
	position: absolute; display: block; z-index: 15;
	background-position: left top; background-size: 100% 100%; background-repeat: no-repeat;
}

/* ▼ ステータス（状態）アイコン画像 */
.osechi .slider_content .slide_item.status.new::before { background-image: url(../../../../../content_image/order/osechi_parts/osechi_icon_new_2026.svg);}
.osechi .slider_content .slide_item.status.renew::before { background-image: url(../../../../../content_image/order/osechi_parts/osechi_icon_renew_2026.svg);}
.osechi .slider_content .slide_item.status.revival::before { background-image: url(../../../../../content_image/order/osechi_parts/osechi_icon_revival_2026.svg); }

/* ▼ カテゴリ（チーズ）アイコン画像 */
.osechi .slider_content .slide_item.category.cheese::after { background-image: url(../../../../../content_image/order/osechi_parts/icon_cheese_noborder.svg);}

/* sp▽ */@media only screen and (max-width: 768px) {
	.osechi .slider_content .slide_item.status::before,
	.osechi .slider_content .slide_item.category::after { top: 13.5vw; left: 1.5vw; width: 40px; height: 28px;}
	.osechi .slider_content .slide_item.status.category::after { left: 11vw;}
}/*△*/
/* PC▽ */@media only screen and (min-width: 768px) {
	.osechi .slider_content .slide_item.status::before,
	.osechi .slider_content .slide_item.category::after { top: 100px; left: 10px; width: 90px; height: 63px;}
	.osechi .slider_content .slide_item.status.category::after { left: 90px; }
}/*△*/





	/*arrow*/
.osechi .slick-arrow{
	z-index: 500; width: 18px; height: 18px;
	font-size: 0px; color: #000; background: rgba( 34,34,34,0.8);
	border-radius: 18px;
}
.osechi .slick-arrow.slick-prev{ left: 6px;}
.osechi .slick-arrow.slick-next{ right: 6px;}

.osechi .slick-prev:before,
.osechi .slick-next:before{
	content: "";
	position: absolute;
	top: 48%; left: 50%;
	transform: translate(-50%,-50%);
	font-size: 16px;
	color: #eee;
	font-weight: bold;
}

.osechi .slick-prev:before{ content: "<";}
.osechi .slick-next:before{ content: ">";}

/* sp▽ */ @media only screen and (max-width: 768px) {
	.osechi .slick-arrow.slick-prev,
	.osechi .slick-arrow.slick-next{ top: 60%;}
}/*△*/

/* PC▽ */ @media only screen and (min-width: 768px) {
	.osechi .slick-arrow{ width: 26px; height: 42px; border-radius: 12px;}
	.osechi .slick-arrow.slick-prev{ left: 12px;}
	.osechi .slick-arrow.slick-next{ right: 12px;}
	.osechi .slick-prev:before,
	.osechi .slick-next:before{ font-size: 16px; }
}/*△*/

	/*dots*/

.osechi .slick-dotted.slick-slider{ margin-bottom: 0;}

.osechi .slider_dots{
	display: flex;
	justify-content: space-between;
}
.osechi .slider_dots li[role="presentation"]{
	padding: 6px 0;
	flex-basis: 96px;
}
.osechi .slider_dots button{
	display: block; margin: 0 auto; width: 13px; height: 13px; 
	color: #fff; font-size: 0; background-color: #fff; border: 1px solid #888; border-radius: 50%;
}
.osechi .slider_dots .slick-active button{ background-color: #888;}

/* PC▽ */ @media only screen and (min-width: 768px) {
	.osechi .slick-initialized .slick-slide{ cursor: pointer;}
	.osechi .slider_dots li[role="presentation"]{ padding: 18px 0;}
	.osechi #slider_wrap1 .slider_dots li[role="presentation"]{ flex-basis: 96px;}
	.osechi #slider_wrap2 .slider_dots li[role="presentation"]{ flex-basis: 123px;}
	.osechi .slider_dots button{ width: 17px; height: 17px;}
	.osechi #slider_wrap2 .slider_dots button{ margin: 0 0 0 calc( ( 96px - 17px ) / 2 );}
}/*△*/


	/*thumbnail*/
.osechi .slider_thumbnail .thumbnail_item{ position: relative;}

/* sp▽ */ @media only screen and (max-width: 768px) {
	.osechi .slider_thumbnail .thumbnail_item img{ width: 9.5vw;}
	.osechi #slider_osechi_thumbnail2.slider_thumbnail .thumbnail_item img{ margin: 0px auto;}
}/*△*/

.osechi .slider_thumbnail .thumbnail_item.status::before,
.osechi .slider_thumbnail .thumbnail_item.category::after {
	content: "";
	position: absolute; z-index: 30; top: 0vw; left: 0vw;
	display: block; width: 5vw; height: 3vw;
	background-position: left top; background-size: auto 100%; background-repeat: no-repeat;
}
/* sp▽ */ @media only screen and (max-width: 768px) {
	.osechi .slider_thumbnail .thumbnail_item.status.category::after { left: 5vw;}
}/*△*/
/* PC▽ */@media only screen and (min-width: 768px) {
	.osechi .slider_thumbnail .thumbnail_item img{ width: 94px;}
	.osechi .slider_thumbnail .thumbnail_item.status::before,
	.osechi .slider_thumbnail .thumbnail_item.category::after { width: 40px; height: 25px;}
	.osechi .slider_thumbnail .thumbnail_item.status.category::after { left: 45px;}
}/*△*/

.osechi .slider_thumbnail .thumbnail_item.status.new::before { background-image: url(../../../../../content_image/order/osechi_parts/icon_new_8e1d22_2026.svg);}
.osechi .slider_thumbnail .thumbnail_item.status.renew::before { background-image: url(../../../../../content_image/order/osechi_parts/icon_renew_2b4c7e_2026.svg);}
.osechi .slider_thumbnail .thumbnail_item.status.revival::before { background-image: url(../../../../../content_image/order/osechi_parts/icon_revival_6e2f2f_2026.svg);}
.osechi .slider_thumbnail .thumbnail_item.category.cheese::after { background-image: url(../../../../../content_image/order/osechi_parts/icon_cheese.svg);}