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

/* common
------------------------ */

@media only screen and (min-width: 768px) {
	.wrap-insert > h2,.detail-spec-2{display: none;}
	.detail-spec-2+.detail-info-in{margin-top: 0;}
	.detail-img{display: flex;flex-direction: column;}
	.link-recipe{order: 5;}
}


@media only screen and (max-width: 767px) {
	.wrap-insert > h2,.detail-spec-2{display: none;}
	.detail-spec-2+.detail-info-in{margin-top: 0;}

	table[border="1px"][cellspacing="0"][cellpadding="20"][bordercolor="#d4d4d4"]{
	border: 1px solid #d4d4d4;
	}
	table[border="1px"][cellspacing="0"][cellpadding="20"][bordercolor="#d4d4d4"] td:not([colspan]):nth-child(1){background: #F8F1E3;}
	table[border="1px"][cellspacing="0"][cellpadding="20"][bordercolor="#d4d4d4"] td{border: 1px solid #d4d4d4;}

	.link-recipe{order: 5;}
	.detail-info{order: 6;}
}





#item_information{margin-top: 4.5rem;}

#item_information > *[class^="item_"]:not(:last-child){margin-bottom: 6rem;}

#item_information .item_information_ttl{
	width: 668px;
	height: 4rem;
	font-size: 2rem;
	line-height: 1;
	letter-spacing: calc((40 / 1000) * 1em);
	text-align: left;
	color: #fff;
	background: url(https://gigaplus.makeshop.jp/cakecup/itempage/item_temp__ttl.png) left / auto no-repeat;
	padding: .7rem 3rem 0;
	margin: 0 0 2.5rem;
	box-sizing: border-box;
	transform: translateX(-2rem);
}

#item_information .item_information_txt{
	font-size: 1.4rem;
	line-height: 1.75;
	letter-spacing: calc((40 / 1000) * 1em);
	text-align: left;
	color: #333;
}

#item_information .item_information_txt .txt_block{
	display: block;
}

#item_information .item_spec{
	width: 100%;
	border: 1px solid #d4d4d4;
	border-collapse: collapse;
	margin: 3rem 0 0;
}

#item_information .item_spec tr > *{
	font-size: 1.4rem;
	letter-spacing: calc((40 / 1000) * 1em);
	text-align: left;
	color: #333;
	border: 1px solid #d4d4d4;
	padding: 1em;
	box-sizing: border-box;
}

#item_information .item_spec tr td:first-child:not([colspan]){
	background: #f8f0e3;
}

#item_information .item_information_list{
	display: flex;
	gap: 1.6rem;
}

#item_information .item_information_list li{
	max-width: calc((100% - 1.6rem * 3) / 4);
	width: 100%;
}

#item_information .item_information_list .txt_block{
	margin-top: 1.5rem;
	display: block;
}

@media only screen and (max-width: 767px) {
	#item_information .item_information_ttl{
		width: 100%;
		height: 4rem;
		font-size: 1.6rem;
		background: url(https://gigaplus.makeshop.jp/cakecup/itempage/item_temp__ttl_sp.png) left / 100% no-repeat;
		padding: 1rem 2.5rem 0;
		margin: 0 0 2.5rem;
		transform: translateX(-.5rem);
	}

	#item_information .item_information_list{
		flex-wrap: wrap;
		gap: .8rem;
	}
	
	#item_information .item_information_list li{
		max-width: calc((100% - .8rem * 1) / 2);
	}
}