@charset "UTF-8";

#wrapper {
	background-image: initial;
	background-repeat: initial;
	background-size: initial;
}

p.br {
	padding-bottom: 3vw;
	background: #EEE1BA;
	margin: 0;
}

.top{
  width: 60%;
  margin: 0 20% 0 20%;
	z-index: 1;
	position: relative;
}
.bottom_img{
	width: 60%;
	margin: 0 20% 0 20%;
	z-index: 1;
	position: relative;
	display: block;
	max-width: 100%;
	width: 59vw;
}

.bottom{
	width: 100%;
	display: inline flow-root;
}

.bottom .main_img img{
	width: 100%;
}
/* https://tamatuf.net/html-css/css-background-tilt/ */
/*  background: #EEE1BA;  */
.block_top {
	position: relative;
	z-index: 0;
	background: #EEE1BA;
	padding: 20px 20px 0 20px;
	display: block;
}
.block_top::after {
	content: '';
	position: absolute;
	left:0;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 60%;
	background: #EEE1BA;
	transform: skewY(-13deg);
	transform-origin: bottom left;
}
.block_top::before {
	content: '';
	position: absolute;
	left:0;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: #EEE1BA;
  transform: skewY(13deg);
  transform-origin: bottom left;
}

.block_top .contents{
  width: 60%;
  margin: 0 20%;

}

.p03_block_top {
	position: relative;
	z-index: 0;
	background: #EEE1BA;
	padding: 20px 20px 300px 20px;
	display: block;
	margin-bottom: 16em;
}
.p03_block_top::after {
	content: '';
	position: absolute;
	left:0;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 60%;
	background: #EEE1BA;
	transform: skewY(-13deg);
	transform-origin: bottom left;
}

.p03_block_top::before {
	content: '';
	position: absolute;
	right:0;
	left:0;
	bottom: 0;
	width: 100%;
	height: 60%;
	z-index: -1;
	background: #EEE1BA;
	transform: skewY(368deg);
	transform-origin: bottom left;
}

.p04_block_top {
	position: relative;
	z-index: 0;
	background: #EEE1BA;
	padding: 20px 20px 2em 20px;
	display: block;
	margin-bottom: 16em;
}
.p04_block_top::after {
	content: '';
	position: absolute;
	left:0;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 60%;
	background: #EEE1BA;
	transform: skewY(-13deg);
	transform-origin: bottom left;
}

.p04_block_top::before {
	content: '';
	position: absolute;
	right:0;
	left:0;
	bottom: 0;
	width: 100%;
	height: 60%;
	z-index: -1;
	background: #EEE1BA;
	transform: skewY(368deg);
	transform-origin: bottom left;
}

.explanation{
	width: 100%;
	margin: 0 0 2em 0;
	
	display: inline-block;
	
}
.explanation .left{
	float: left;
	width: 49%;
}
.explanation .left.img img{
	width: 95%;
}
.explanation .left.text .sentence{
	width: 100%;
	margin-left: 0%;
	text-align: center;
}

.explanation .right{
	float: left;
	width: 50%;
	padding-top: 5em;
}
  
.explanation .right.img img{
	padding-top: 0em;
}

.explanation .right.img img{
	width: 95%;
	margin-left: 5%;
}
  .explanation .right.text .sentence{
	width: 100%;
	margin-left: 0%;
	text-align: center;
}

.sentence p{
	font-weight: lighter;
	font-size: 1.0em;
	line-height: 1.8em;
}

.sentence .big{
	font-size: 1.4em !important;
	line-height: 1.5em;
}

.explanation.top{
	top: -2vw;
}
.explanation.top .text{
	margin-top: 11vw;
}
  
.sentence.p03_03 {
	padding-top: 4em;
	width: auto !important;
	margin-left: 10% !important;
}

.sentence.p02_01 {
	/*padding-top: 3em; */
	width: auto !important;
	margin-left: 10% !important;
}
	
.sentence.p02_02, .sentence.p04_02 {
	padding-top: 3em;
}

.sentence.p02_03 {
	padding-top: 4em;
	width: auto !important;
	margin-left: 10% !important;
}

.left.img.p02_03 {
	padding-top: 5em;
}

.sentence.p04_01 {
	padding-top: 3em;
	width: 69% !important;
	margin-left: 20% !important;
}

.p04_03 {
	padding-top:4em;
}

.p05_01 {
	padding-top:2em;
}

.p05_01 .sentence {
	width:auto !important;
	margin-left:13% !important;
}
	
.p05_02 .sentence {
	padding-top:3em;
}

.p05_03 {
	padding-top:1em;
}

.p05_04 .sentence{
	padding-top: 0em;
}
.p06_02 {
	padding-top:5.5rem !important;
}
.p06_01 {
	display:flex;
	justify-content: center;
}

.list{
	margin: 5.5vw 20vw 2.5vw;
	width: 59vw;;
	text-align: center;
}
.list.flex{
	display: block;
}
.list.flex::after,
.column1::after{
    content: "";
    clear: both;
    display: block;
}
.sale_info_img img {
	width: 100%;
}
.sale_info_img {
	margin: 0 26.5% 1em 26.5%;
}
.list.not_img{
	margin: 20.5vw 20vw 2.5vw;
}
.list_product1 {
	text-align: center;
  margin-top: 10em;
}
.list .column2 .row{
	float: left;
	width: 47%;
}
.list .column2{
	width: 100%;
}
.list .column2 .row.left{
	margin-right: 6%;
}
.list .column2 .row img{
	width: 100%;
  }

.column1 {
	width: 900px;
	margin: 0px auto;
}

.row_column1 {
	width: calc(100% / 1);
}

.row_column1 img{
	width:auto;
	max-width:420px;
}

.column4 {
	width: 900px;
	justify-content: space-between;
	display: flex;
	margin: 0px auto;
}

.row_column4 {
 	width: calc(100% / 4);
}

.row_column4 img{
	width:80%;
}
.list * p {
	line-height: 1.0;
}

.list .column1{
	margin: 0em 0 3em 0;
	width: 100%;
}
.list .column1 .row{
	margin: 3em 26.5%;
	width: 47%;
}
.list .column1 .row img{
	width: 100%;
}
.list * p.rad {
	line-height: 1.6;
	font-size: 0.9em;
}
.main_img {
	position: relative;
	display: inline-block;
}
.main_img img {
	display: block;
	max-width: 100%;
	width: 59vw;
}
.main_img img:not(:first-child) {
	position: absolute;
	bottom: -23%;
	width: 20%;
	height: auto;
	filter: none;
}
.item_image-container {
	position: relative;
}
.label {
	position: absolute;
	top: 0;
	left: 0;
	letter-spacing: 0.5em;
	font-size: 16px;
	color: #ffffff;
	padding: 0.5em 1em;
	text-indent: 0.5em;
	font-family: "source-han-sans-japanese", sans-serif;
	line-height: 1;
}
.refrigerated {
	background-color: #3195c4;
}
.frozen {
	background-color:#004363;
}

.rotate{
	position: relative;
	z-index: 50;
}

.catch_copy{
	text-align: right;
	padding-bottom: 7em;
}
.catch_copy h2{
	font-size: 2.4em;
	line-height: 1.8;
}

.sp_1_img {
	margin-top: inherit;
}  

.price_big {
	font-size:1.8em;
	font-weight:bold;
}
.text.item_info_detail p, .text.item_info_detail span {
	line-height:1;
}

.shop_button {
	margin: 3em 35% 6em 35%;
	background: #381D1D;
	color: #fff;
	text-align: center;
	font-size: min(1.2em,26px);
	padding: 0.5em 0;
	text-decoration: none;
	display: block;
}

.online {
	margin: 3em 41% 6em 41% !important;
}

.online_item {
	padding: 0.1em 0;
	width: 70%;
	margin: 2em 0 !important;
	display: inline-block;
}

.product_1_img, .product_3_img {
	padding-top: 5em;
}

.product_1_sentence {
	padding-top: 5em;
}

.product_6_sentence {
	padding-top:3.5rem;
}

.product_1_explanation {
	width: auto;
	margin: 0 12% 2em 12%;
}

.product_shopinfo {
  padding-top: 1.5em;
}

.p01_paddingtop2em_pc {
  padding-top: 2em!important;
}

.p01_paddingtop_pc_01{
  padding-top: 1em!important;
}
.p01_paddingtop_pc_02{
	padding-top: 7em!important;
}
.p01_paddingtop9em_pc {
  padding-top: 9em!important;
}

.p04_paddingtop7em_pc {
  padding-top: 7em;
}

.p01_paddingtop2em_sp, .p01_paddingtop1em_sp, .p01_paddingtop9em_sp, .p04_paddingtop7em_sp {
	padding-top: 0;
}

	/* premiumロゴをh1にあしらうための装飾 */
.premium_logo_h1 {
	width: 180px;
	vertical-align: bottom;
	padding-right: 5px;
	margin-bottom: -3px;
}

	/* premiumロゴを商品一覧部分にあしらうための装飾 */
.premium_logo_item_info {
	width: 90px !important;
	vertical-align: bottom;
	padding-right: 7px;
}

	/* 特定の店舗のみ取り扱いおよびオンラインストア販売なしのご案内文 */
.info_shoponly {
	margin: -50px 0 0 0;
}

@media screen and (max-width: 750px) {
	.bottom_img {
		width: 100%;
		margin: 0 ;
	}
	.label {
		font-size:1em;
		padding: 0.4em 0.6em;
		line-height: 1;
	}
	.top{
		width: 100%!important;
		margin: 3em 0 0vw 0!important;
	}
	.catch_copy{
		text-align: center;
		margin-top: 13vw;
		padding-bottom: 14em;
	}
	h1.name{
		font-size: 1.3em;
		width: 95%;
		margin: 0 0 20px 5%;
	}
	.explanation .left {
		float: initial;
		width: 100%;
	}
	.premium_logo_h1 {
		width: 90px;
		position: absolute;
		margin-top: -10px;
	}
	.explanation {
		width: 80%;
		margin: 0 10% 2em 10%;
	}
	.explanation img{
		width: 100%;
	}
	.explanation.sp{
		width: 100%;
		margin: 4em 0% 2em 0%;
	}
	.sentence {
		width: auto  !important;
		margin-left: 0 !important;
		padding: 0em;
		text-align: center;
	}
	.sentence .big {
		font-size: 1.4em !important;
	}

	.sentence.p02_01 {
		margin:inherit !important;
		padding-top:1em;
	}

	.sentence.p02_03 {
		margin:inherit !important;
		padding-top:0;
	}
	
	.sentence.p02_04 {
		padding: 0 1.5em;
	}

	.left.img.p02_03 {
		padding-top:2em;
	}
	
	.sentence.p04_01 {
		width:auto !important;
		margin-left:inherit !important;
		padding:0 1.5em 0 1.5em;
	}
	.right.text.p04_02 {
		float:inherit;
		width:auto;
		padding: 0 4em 0 4em;
	}
	.sentence.p04_04 {
		padding:1em 1.5em 0 1.5em;
	}

	.p04_02 img {
		width:80% !important;
	}
	.left.img.p04_02 {
		text-align: center;
	}
	
	.p04_03 {
		padding-top:1em;
	}

	.p05_01 {
		padding-top:1em;
	}

	.p05_01 .sentence {
		margin-left:inherit !important;
	}
	
	.block_top, .p03_block_top, .p04_block_top {
		padding:1vw 0px;
		margin-top: -3em;
	}
	.p03_block_top, .p04_block_top {
		padding-bottom:2em;
		margin-bottom:5em;
	}
	.main_img img{
		width: 100vw;
	}

	.bottom {
		margin-top: 0vw;
	}
	.list{
		margin: 3.5vw 20vw 2.5vw;
		width: 59vw;
		text-align: center;
	}
	.list .column2 .row, .list .column1 .row{
		float: initial;
		width: 100%;
	}
	.list .column2{
		width: 100%;
	}
	.list .column1 .row {
		margin: 0;
	}
	.list .column2 .row.left{
		margin-right: 0%;
		padding-bottom: 2em;
	}
	.list .column2 .row img{
		width: 100%;
	}
	.list * p {
		line-height: 1.0;
	}
	.list .column1, .list .column2{
		margin: 3em 0;
	}
	.explanation .left.img img {
		width: 100%;
	}
	.catch_copy h2{
		font-size: 1.4em;
	}
	.kurukuru{
		bottom: 130px;
		left: 2em;
	}
	.kurukuru img{
		width:20%;
	}
	.main_img img:not(:first-child) {
		bottom: -20%;
		left: 7%;
	}
	.main_img img:not(:first-child) {
		width: 18%;
	 }
	.bottom_img img {
		margin-top: inherit;
	}
	.product_2_img_2 {
		margin: 0 10% 2em 10%;
		width: 80% !important;
	}
	.sp_2 {
		padding: 0 10% 3em 10%;
	}

	.p03_sp_2 {
		padding: 0 10%;
	}
	.sp_3 {
		padding: 0 5em 3em 5em;
	}
	.sp_1_img {
		margin-top: -5em;
	}
	.catch_copy .sp {
		padding-bottom: 10em;
	}
	.block_top::after, .p03_block_top::after, .p04_block_top::after {
		transform: skewY(-20deg);
	}
	.shop_button{
		margin: 3em 20% 7em 20%;
	}
	.column4 {
		flex-wrap:wrap;
		width: 100%;
	}
	.row_column4 {
		width: calc(100% / 2);
		padding-bottom: 3em;
	}
	
	.row_column1 {
		flex-wrap:wrap;
		width: 100%;
	}

	.row_column1 img{
		width:80%;
	}
	
	.shop_button.online {
		width: auto;
		margin: 3em 23% 7em 23% !important;
	}
	.product_1_explanation {
		width: 90%;
		margin: 0 auto 2em auto;
	}
	/*ミルククッキー変更対応 20240603*/
	.butter {
		margin-top: -7em !important;
	}
	.product_1_img img {
		width:100%;
	}
	.product_1_img_2{
		width: 100% !important;
		padding-top: 2em;
	}
	.product_2_img_2, .product_3_img {
	
	}
	.product_3_img_2 {
		width: 80% !important;
		margin:0 10%;
	}
	
	.list_product1 {
		margin: 3.5vw 10% 2.5vw;
		width: 80%;
		text-align: center;
	}
	.product_1_img, .product_3_img {
		padding-top: 2em;
	}
	.p01_paddingtop2em_pc, .p01_paddingtop9em_pc {
		padding-top: 0!important;
	}
	.p04_paddingtop7em_pc {
		padding-top: inherit;
	}
	.p01_paddingtop1em_sp {
		padding-top: 1em!important;
	}
	.p01_paddingtop2em_sp {
		padding-top: 2em!important;
	}
	.p01_paddingtop9em_sp {
		padding-top: 9em!important;
	}
	.p04_paddingtop7em_sp {
		padding-top: 7em!important;
	}
	.product_6_explanation {
		width:auto;
		margin:0 5% 2em 5%;
	}
	
	/* 特定の店舗のみ取り扱いおよびオンラインストア販売なしのご案内文 */
	.info_shoponly {
		margin: inherit;
		font-size: 12px !important;
	}

}
@media screen and (min-width: 751px){
	#wrapper {
		margin: 150px 0 0 0;
	}
}
@media screen and (min-width:751px) and ( max-width:1100px) {
	.p01_paddingtop_pc_01{
		padding-top: 0em!important;
	}
	.p01_paddingtop_pc_02{
		padding-top: 3.5em!important;
	}
	.p01_paddingtop_pc_03{
		padding-top: 0.1em!important;
	}
}

@media screen and (min-width:751px) and ( max-width:900px) {
	/* タブレットで見たときは改行を無効とする */
	br.tab_none {
		display: none !important;
	}
	
	.p05_01 {
		padding-top:0em;
	}
	
	.p05_04 .sentence {
		padding-top: 0;
	}
	
	p.big {
		margin-top: 0.3em;
	}
	.column4 {
		flex-wrap:wrap;
		width: 100%;
	}
	.row_column4 {
		width: calc(100% / 2);
		padding-bottom: 3em;
	}
	.online {
		margin: 3em auto 6em auto !important;
		width: 50%;
	}
	.online_item {
		width: 45%;
	}
	.product_1_img_2 {
		width: 100% !important;
		padding-top: 2em;
	}
	.list_product1 {
		margin: 3.5vw 10% 2.5vw;
		width: 80%;
		text-align: center;
	}
	.p01_paddingtop2em_pc, .p04_paddingtop7em_pc, .p01_paddingtop9em_pc, .paddingtop0em_tab {
		padding-top: 0;
	}
	
	.p04_paddingtop5em_tab {
		padding-top:5em !important;
	}
	
	.product_1_sentence {
		padding-top: 4em;
	}
	
}
@media screen and (max-width: 980px) {
	.block_top .contents {
		width: 80%;
		margin: 0 10%;
	  }
	.main_img img{
		width: 100vw;
	}
	.top {
		width: 80%;
		margin: 0 10%;
	}
	.sentence .big{
		font-size: 1.3em !important;
	}
	.sentence p {
		font-size: 0.9em;
	  }
}

@media screen and (max-width: 520px) {
	.block_top .contents {
		width: 90%;
		margin: 0 5%;
	  }
}
.rotate {
	animation: rotation 15s infinite linear;
}

@media screen and (max-width: 520px) {
	.explanation {
		width: 90%;
		margin: 0 5% 2em 5%;
	}
}

@keyframes rotation {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(359deg);
	}
}

@media screen and (min-width: 1487px) {
	.explanation {
		width: 90%;
		margin: 0 5% 2em 5%;
	}
}

.info_detail_allergy_title,
.info_detail_bestbydate_title {
	padding:0.5em 0;
	color:#381D1D;
	background-color:#EEE1BA;
	text-align: center;
	width: 110px;
}
.outer_info_detail {
	padding-top:2em;
	width: 100%;
	text-align: left;
	font-family: "source-han-sans-japanese", sans-serif;
	font-weight: 400 !important;
	font-style: normal !important;
}
.notosansotameshi {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 300;
	font-style: normal;
	line-height: 1.5;
}

.inner_info_detail {
	padding-top:1em;
	display: inline-flex;
	width: 100%;
	padding-bottom:0.5em;
}

.inner_info_detail > div:nth-child(1) {
  width: 110px;
	line-height: 1;
}
.inner_info_detail > div:nth-child(2) {
  width: 70%;
	line-height:1.5;
	padding-left: 1.5em;
}
.item_info_detail_reservationanddelivery {
	display: inline-grid;
}
.item_info_detail_reservationanddelivery > .outer_info_detail {
	padding: 0 10vw 2em 14vw !important;
	display: grid;
}

.item_info_detail_reservationanddelivery .inner_info_detail > div:nth-child(2),
.item_info_detail_reservationanddelivery .inner_info_detail {
	width:inherit !important;
}

.sale_info_text_sub{
	line-height: 1.5em;
}
.sale_info_text{
	font-size:1.2em;
	text-align: center;
	padding:1em 0;
}
@media screen and (max-width: 1024px) {
	.info_detail_allergy_title,
	.info_detail_bestbydate_title,
	.item_info_detail_reservationanddelivery {
		width: 100% !important;
		white-space: inherit !important;
		display: inherit;
		font-size: 13px;
	}
	.outer_info_detail {
		padding-top:1em;
		width: 100% !important;
		display: inherit !important;
		/* margin: 0 5vw; */
	}
	.inner_info_detail {
		display: block;
	}
	.inner_info_detail > div:nth-child(1) {
		width: 50%;
		text-align: center;
	}
	.inner_info_detail > div:nth-child(2) {
		width: 100%;
		padding:0 0 0 1em;
		font-size: 13px;
		align-content: center;
	}
	.shop_subinfo_product {
		padding:0;
		letter-spacing:0;
		font-size: 0.8em;
	}
	div.item_info_detail_reservationanddelivery > div > .inner_info_detail > div {
		text-align: left;
		white-space: inherit !important;
	}
}