@charset "utf-8";
/*
【PC 2025】トップページ用
2025年度にリニューアルした時のCSSです 次回のリニューアル時に
その年の西暦をファイル名にして作成します。
細かな更新などは次回のリニューアルまで使用 ※例えば2026年度の更新はこのファイルに記載
*/

	
/* ----------------------------------------
共通スタイル
---------------------------------------- */
#index .index-inner {
	width: 1000px;
	margin: 0 auto;
}

	
/* ----------------------------------------
スライダー
---------------------------------------- */
#index .main-slider {
}
#index .main-slider .sample1 {
	position: relative;
	overflow: hidden;
}

/********** スライダーバナーなど **********/
#index .main-slider .slick-track .slick-slide {
	width: 500px;
}
#index .main-slider .slick-track .slick-slide {
	padding: 0;
}
#index .main-slider .slick-track .slick-slide a {
	display: block;
}
#index .main-slider .slick-track .slick-slide img {
	display: block;
	width: 100%;
	height: 500px;
	
	object-fit: cover;
	object-position: bottom center;
}

	
/* ----------------------------------------
ILLUSTRATION CAKE
---------------------------------------- */
#index .illustration-cake {
	padding: 70px 0 100px;
	background: url("../images/index-2025/bg-illustration-cake.jpg") no-repeat 0 0;
	background-size: cover;
}

/********** 見出し **********/
#index .illustration-cake h2 {
	padding: 0 0 20px;
}

/********** キャッチ **********/
#index .illustration-cake .txt-catch {
	display: flex;
	justify-content: center;
	
	padding: 0 0 20px;
	text-align: center;
	font-size: 20px;
	font-weight: 600;
}
#index .illustration-cake .txt-catch::before {
	content: '';
	
	display: block;
	width: 23px;
	height: 60px;
	margin: 0 13px;
	
	background: url("../images/index-2025/t-illustration-cake-left.svg") no-repeat 0 0;
	background-size: 100% auto;
}
#index .illustration-cake .txt-catch::after {
	content: '';
	
	display: block;
	width: 23px;
	height: 60px;
	margin: 0 13px 0 3px;
	
	background: url("../images/index-2025/t-illustration-cake-right.svg") no-repeat 0 0;
	background-size: 100% auto;
}

/********** 白い背景の角丸 **********/
#index .illustration-cake .illustration-cake-wrapper {
	padding: 40px 0 45px;
	border: solid 1px #d7b98c;
	border-radius: 50px;
	text-align: center;
	background: #fff;
}

/********** txt-1 **********/
#index .illustration-cake .txt-1 {
	padding: 0 0 18px;
}
#index .illustration-cake .txt-1 p {
	line-height: 1.8;
	font-weight: bold;
	font-size: 22px;
}
#index .illustration-cake .txt-1 p .mark-1 {
	color: #e62350;
}

/********** txt-2 **********/
#index .illustration-cake .txt-2 {
	padding: 0 0 24px;
}
#index .illustration-cake .txt-2 p {
	line-height: 1.8;
	font-size: 16px;
}

/********** img-illustration-cake **********/
#index .illustration-cake .img-illustration-cake {
	width: 500px;
	margin: 0 auto 45px;
}
#index .illustration-cake .img-illustration-cake img {
	display: block;
}

/********** bnr **********/
#index .illustration-cake .bnr {
	width: 700px;
	margin: 0 auto;
	padding: 0 0 24px;
}
#index .illustration-cake .bnr a {
	display: block;
	text-decoration: none;
}
#index .illustration-cake .bnr .bnr-txt {
	padding: 0 0 8px;
	text-align: center;
	font-size: 18px;
}
#index .illustration-cake .bnr .bnr-img {
	text-align: center;
}


/* ----------------------------------------
ケーキへの着色は果物と食品で優しく
---------------------------------------- */
#index .chakushoku {
	padding: 60px 0;
	background: #d2ebeb;
}
#index .chakushoku .chakushoku-wrapper {
	padding: 10px 10px;
	border-radius: 50px;
	text-align: center;
	background: #fff;
}
#index .chakushoku .chakushoku-box {
	padding: 33px 45px;
	border-radius: 40px;
	border: solid 1px #d7b98c;
}
#index .chakushoku h2 {
	padding: 0 0 17px;
	font-weight: 600;
	font-size: 22px;
}
#index .chakushoku h2 .mark-1 {
	color: #e62350;
}
#index .chakushoku .txt {
	padding: 0 0 26px;
	font-size: 16px;
}
#index .chakushoku .btn-about {
	display: flex;
	justify-content: center;
}
#index .chakushoku .btn-about a {
	display: flex;
	justify-content: center;
	align-items: center;
	
	width: 300px;
	height: 60px;
	border-radius: 30px;
	text-decoration: none;
	font-weight: 600;
	font-size: 18px;
	color: #fff;
	background: #f22359 url("../images/index-2025/btn-arrow-white.svg") no-repeat calc(100% - 24px) 50%;
	background-size: 8px 14px;
}


/* ----------------------------------------
ORDER
---------------------------------------- */
#index .order {
	padding: 70px 0 87px;
	text-align: center;
	background: #feeff3;
}
#index .order h2 {
	padding: 0 0 15px;
}
#index .order .txt {
	padding: 0 0 24px;
	line-height: 1.7;
	font-weight: 600;
	font-size: 22px;
}
#index .order .btn-list ul {
	display: flex;
	justify-content: space-between;
	
	width: 680px;
	margin: 0 auto 30px;
}
#index .order .btn-list ul li a {
	display: flex;
	justify-content: center;
	align-items: center;
	
	width: 320px;
	height: 60px;
	border-radius: 30px;
	border: solid 1px #282828;
	text-decoration: none;
	font-weight: 600;
	font-size: 18px;
	color: #282828;
	background: #fff;
}


/********** LINEから簡単ご注文 **********/
#index .order .line-order {
	margin: 0 0 23px;
	padding: 46px 0 49px;
	border: solid 1px #d7b98c;
	border-radius: 50px;
	text-align: center;
	background: #fff;
}

#index .order .line-order h3 {
	padding: 0 0 14px;
	font-size: 22px;
	font-weight: 600;
	color: #e62350;
}
#index .order .line-order .txt-line {
	padding: 0 0 25px;
}
#index .order .line-order .txt-line p {
	line-height: 1.8;
	font-size: 16px;
}
#index .order .line-order .txt-line p .line-id {
	font-weight: bold;
}
#index .order .btn-order-line {
	display: flex;
	justify-content: center;
}
#index .order .btn-order-line a {
	display: flex;
	justify-content: center;
	align-items: center;
	
	width: 300px;
	height: 60px;
	border-radius: 30px;
	text-decoration: none;
	font-weight: 600;
	font-size: 18px;
	color: #fff;
	background: #f22359 url("../images/index-2025/btn-arrow-white.svg") no-repeat calc(100% - 24px) 50%;
	background-size: 8px 14px;
}
#index .order .txt-mail-error p {
	line-height: 1.8;
}


/* ----------------------------------------
CATEGORY
---------------------------------------- */
#index .category {
	padding: 150px 0 38px;
	text-align: center;
	background: url("../images/index-2025/bg-category.png") repeat-x 0 -40px;
}

/* 見出し */
#index .category .common-heading-1 {
	padding: 0 0 12px;
}

/* テキスト */
#index .category .cat-txt {
	padding: 0 0 25px;
	font-size: 22px;
	font-weight: 600;
}

/********** カテゴリーリスト **********/
#index .category .category-box ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	
	width: 100%;
}
#index .category .category-box ul li {
	width: 300px;
	margin: 0 50px 43px 0;
}
#index .category .category-box ul li:nth-of-type(3n){
	margin-right: 0;
}
#index .category .category-box ul li a {
	display: block;
	text-decoration: none;
}
#index .category .category-box ul li a .item-thumb {
	padding: 0 0 12px;
}
#index .category .category-box ul li a .item-thumb img {
	display: block;
	border-radius: 30px;
}
#index .category .category-box ul li a .item-name {
	font-size: 17px;
	font-weight: 600;
	color: #e62350;
}


/* ----------------------------------------
NEWS
---------------------------------------- */
#index .news {
	margin: 0 0 68px;
	padding: 70px 0 90px;
	background: #d2ebeb;
}
#index .news .common-heading-1 {
	padding: 0 0 10px;
}
#index .news .cat-txt {
	text-align: center;
	padding: 0 0 24px;
	line-height: 1.7;
	font-weight: 600;
	font-size: 22px;
}

#index .news ul {
	display: flex;
	flex-wrap: wrap;
	
	width: 100%;
}
#index .news ul li {
	width: 238px;
	margin: 0 16px 0 0;
}
#index .news ul li:nth-of-type(4n) {
	margin-right: 0;
}
#index .news ul li a {
	display: block;
	padding: 16px 16px 35px;
	border-radius: 15px;
	font-size: 16px;
	background: #fff;
	overflow: hidden;
}
#index .news ul li a .eye-catch-image {
	padding: 0 0 10px;
}
#index .news ul li a .eye-catch-image img {
	display: block;
	
	object-fit: cover;
	width: 100%;
	height: 206px;
}
#index .news ul li a .title {
}



/* ----------------------------------------
PRICE
---------------------------------------- */
#index .price {
	padding: 0 0 90px;
}


/********** 見出し **********/
#index .price h2 {
	padding: 0 0 10px;
}
#index .price .price-txt {
	text-align: center;
	padding: 0 0 20px;
	line-height: 1.7;
	font-weight: 600;
	font-size: 22px;
}


/********** 価格表 **********/
#index .price .img-price {
	margin: 0 0 50px;
}


/********** テキスト **********/
#index .price .txt-price-shop {
	margin: 0 0 10px;
}
#index .price .txt-price-shop p {
	text-align: center;
	font-size: 17px;
}

/********** ボタン **********/
#index .price .btn-size {
	display: flex;
	justify-content: center;
	
	width: 100%;
	margin: 0 0 50px;
}
#index .price .btn-size a {
	display: flex;
	justify-content: center;
	align-items: center;
	
	width: 300px;
	height: 60px;
	border-radius: 30px;
	border: solid 1px #282828;
	text-decoration: none;
	font-weight: 600;
	font-size: 18px;
	color: #282828;
	background: #fff url("../images/index-2025/btn-arrow-black.svg") no-repeat calc(100% - 24px) 50%;
	background-size: 8px 14px;
}

/********** バナー **********/
#index .price .bnrs {
	width: 960px;
	margin: 0 auto;
}
#index .price .bnrs ul {
	display: flex;
	justify-content: space-between;
	
	width: 100%;
}
#index .price .bnrs ul li {
	width: 460px;
}