@charset "utf-8";

/* --------------------------------------------------------------------------------
北海道産ホタテ貝柱750g 1袋
-------------------------------------------------------------------------------- */
#ec24_hotate{
	width: 100%;
	margin: 0 auto;
	background: #fff5dc;
}
#ec24_hotate img{
	width: 100%;
}

/****** main ******/
#ec24_hotate .main{
}

#ec24_hotate .m1k{
	background: url("https://sunchokutable.itembox.design/item/images/p/ec25_hotate_a1k/bg-main_2506.jpg") no-repeat;
	background-size: 100%;
	width: 100%;
	height: 96vw;
}
#ec24_hotate .m750{
	background: url("https://sunchokutable.itembox.design/item/images/p/ec24_hotate_a750/bg-main_2506.jpg") no-repeat;
	background-size: 100%;
	width: 100%;
	height: 96vw;
}
#ec24_hotate .m500{
	background: url("https://sunchokutable.itembox.design/item/images/p/ec24_hotate_a500/bg-main_2506.jpg") no-repeat;
	background-size: 100%;
	width: 100%;
	height: 96vw;
}
#ec24_hotate .m250{
	background: url("https://sunchokutable.itembox.design/item/images/p/ec24_hotate_a250/bg-main_2506.jpg") no-repeat;
	background-size: 100%;
	width: 100%;
	height: 96vw;
}

#ec24_hotate .main .catch{
	font-size: 4.4vw;
	font-weight: bold;
	text-align: center;
	letter-spacing: -0.02em;
	padding: 74vw 0 0;
}
#ec24_hotate .main .name{
	font-size: 8.4vw;
	font-weight: bold;
	text-align: center;
	letter-spacing: -0.07em;
	line-height: 1;
	padding: 2vw 0 0;
}

/****** hokkaido1 ******/
#ec24_hotate .hokkaido1{
	background: url("https://sunchokutable.itembox.design/item/images/p/ec24_hotate_a750/bg-hokkaido.jpg") no-repeat;
	background-size: 100%;
	width: 100%;
	height: 96vw;
}
#ec24_hotate .hokkaido1 .txt{
	font-size: 7.4vw;
	color: #ffffff;
	text-align: center;
	padding: 3.5vw 0 0;
	line-height: 1.2;
	letter-spacing: -0.01em;
}
#ec24_hotate .hokkaido1 .txt .mark1{
	font-size: 5vw;
}

/****** hokkaido2 ******/
#ec24_hotate .hokkaido2{
	padding: 5vw 3vw 3vw;
	background: #fff;
}
#ec24_hotate .hokkaido2 .title{
	font-size: 7.4vw;
	border-bottom: 0.2vw solid #000;
	text-align: center;
	padding: 0 0 1vw;
	margin: 0 0 3vw;
	letter-spacing: -0.01em;
}
#ec24_hotate .hokkaido2 .title .mark1{
	font-size: 64%;
}
#ec24_hotate .hokkaido2 .txt{
	font-size: 4.2vw;
	letter-spacing: 0.01em;
	line-height: 1.42;
	margin: 0 0 3vw;
}
#ec24_hotate .hokkaido2 .txt .mark1{
	color: #e20000;
	font-weight: bold;
}
#ec24_hotate .hokkaido2 .img ul{
	display: flex;
	justify-content: space-between;
	list-style: none;
	width: 90vw;
	margin: 0 auto;
	padding: 0;
}
#ec24_hotate .hokkaido2 .img ul li{
	width: 49%;
}

/****** hokkaido3 ******/
#ec24_hotate .hokkaido3{
	padding: 4vw 3vw 3vw;
	position: relative;
	background: #fff;
}
#ec24_hotate .hokkaido3 .fukidashi{
	position: absolute;
	top: 2.5vw;
	left: 3vw;
	width: 19vw;
}
#ec24_hotate .hokkaido3 .title{
	font-size: 7.4vw;
	border-bottom: 0.2vw solid #000;
	text-align: center;
	letter-spacing: -0.05em;
	padding: 0 0 1vw;
	margin: 0 0 3vw;
	line-height: 1.3;
}
#ec24_hotate .hokkaido3 .title .mark1{
	font-size: 64%;
}
#ec24_hotate .hokkaido3 .txt{
	font-size: 4.2vw;
	letter-spacing: 0.01em;
	line-height: 1.42;
	margin: 0 0 3vw;
}
#ec24_hotate .hokkaido3 .txt .mark1{
	color: #e20000;
	font-weight: bold;
}

/****** kaitou ******/
#ec24_hotate .kaitou{
	padding: 5vw 3vw 3vw;
	background: #fff;
}
#ec24_hotate .kaitou .title{
	font-size: 7.5vw;
	border-bottom: 0.2vw solid #000;
	text-align: center;
	letter-spacing: 0.07em;
	padding: 0 0 1vw;
	margin: 0 0 3vw;
}
#ec24_hotate .kaitou .title .mark1{
	font-size: 64%;
}
#ec24_hotate .kaitou .txt{
	font-size: 4.2vw;
	letter-spacing: 0.07em;
	line-height: 1.42;
	margin: 0 0 3vw;
}
#ec24_hotate .kaitou .txt .mark1{
	color: #e20000;
	font-weight: bold;
}


/****** hotate ******/
#ec24_hotate .hotate{
	padding:13vw 5vw 4vw;
	position: relative;
	background: #fff;
	border: 14px solid #e0c788;
}
#ec24_hotate .hotate .s-title{
	position: absolute;
	top: 2.5vw;
	left: 3vw;
	width: 38vw;
}
#ec24_hotate .hotate .title{
	font-size: 7.4vw;
	line-height: 1;
	padding: 0 1vw 3vw;
	letter-spacing: -0.01em;
}
#ec24_hotate .hotate .title .mark1{
	font-size: 64%;
}
#ec24_hotate .hotate .title .mark2{
	font-size: 80%;
}
#ec24_hotate .hotate ol{
	padding: 2vw 3vw;
	margin: 0;
	background: rgba(224,199,136,0.3);
	list-style: none;
}
#ec24_hotate .hotate ol li{
	font-size: 4.4vw;
	margin: 0 0 1vw;
}
#ec24_hotate .hotate ol li .no{
	background: #250e13;
	color: #fff;
	border-radius: 50%;
	font-size: 3.6vw;
	padding: 0.5vw 1vw;
	line-height: 1;
	margin: 0 2vw 0 0;
}
#ec24_hotate .hotate ol li .mark1{
	color: #e20000;
	font-weight: bold;
}
#ec24_hotate .hotate .img-txt{
	position: relative;
}
#ec24_hotate .hotate .img-txt .img{
	position: absolute;
	top: -2vw;
	left: 15vw;
	width: 66vw;
}
#ec24_hotate .hotate .img-txt .txt{
	padding: 21vw 0 0;
	font-size: 2.6vw;
}

/****** voice ******/
#ec24_hotate .voice{
	padding: 1vw;
	background: #fff;
}
#ec24_hotate .voice .title{
	padding:2.5vw 1vw;
	background: #e0c788;
	font-size: 7.4vw;
	text-align: center;
	line-height: 1;
}
#ec24_hotate .voice .title .mark1{
	font-size: 5vw;
	margin: 0 0 3vw;
	display: inline-block;
}
#ec24_hotate .voice .voice1{
	border: 0.2vw solid #e0c788;
	padding: 4vw 2vw;
	margin: 0 0 1vw;
}
#ec24_hotate .voice .voice1 .title-img{
	display: flex;
	justify-content: space-between;
	margin: 0 0 3vw;
}
#ec24_hotate .voice .voice1 .title-img .s-title{
	width: 44vw;
	font-size: 5vw;
	line-height: 1.29;
	letter-spacing: -0.01em;
	text-align:justify;
}
#ec24_hotate .voice .voice1 .title-img .s-title .mark1{
	letter-spacing: 0.2em;
}
#ec24_hotate .voice .voice1 .title-img .img{
	width: 42vw;
}
#ec24_hotate .voice .voice1 .txt{
	font-size: 4.2vw;
	letter-spacing: 0.01em;
	line-height: 1.42;
	margin: 0 0 1vw;
}
#ec24_hotate .voice .voice1 .name{
	font-size: 4.2vw;
	letter-spacing: 0.07em;
	line-height: 1.42;
	text-align: right;
}
#ec24_hotate .voice .voice2{
	border: 0.2vw solid #e0c788;
	padding: 4vw 2vw;
}
#ec24_hotate .voice .voice2 .s-title{
	font-size: 5.4vw;
	line-height: 1.29;
	margin: 0 0 2vw;
}
#ec24_hotate .voice .voice2 .img{
	width: 76vw;
	margin: 0 auto 3vw;
}
#ec24_hotate .voice .voice2 .txt{
	font-size: 4.2vw;
	letter-spacing: -0.02em;
	line-height: 1.42;
	margin: 0 0 1vw;
}
#ec24_hotate .voice .voice2 .name{
	font-size: 4.2vw;
	letter-spacing: 0.07em;
	line-height: 1.42;
	text-align: right;
}	
	
	
	
/****** カートボタン ******/	
#ec24_hotate .item  {
	background: #fff;
}
#ec24_hotate .item input[type="image"] {
	width: 100%;
	height: auto;
}