@charset "utf-8";

/* --------------------------------------------------------------------------------
北海道産ホタテ貝柱
-------------------------------------------------------------------------------- */
#ec24_hotate{
	width: 700px;
	margin: 0 auto;
	background: #fff5dc;
}

/****** 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: 700px;
	height: 700px;
}
#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: 700px;
	height: 700px;
}
#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: 700px;
	height: 700px;
}
#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: 700px;
	height: 700px;
}


#ec24_hotate .main .catch{
	font-size: 32px;
	font-weight: bold;
	text-align: center;
	letter-spacing: -0.02em;
	padding: 546px 0 0;
}
#ec24_hotate .main .name{
	font-size: 61px;
	font-weight: bold;
	text-align: center;
	letter-spacing: -0.07em;
	line-height: 1;
	padding: 7px 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: 700px;
	height: 700px;
}
#ec24_hotate .hokkaido1 .txt{
	font-size: 54px;
	color: #ffffff;
	text-align: center;
	padding: 24px 0 0;
	line-height: 1.2;
}
#ec24_hotate .hokkaido1 .txt .mark1{
	font-size: 64%;
}

/****** hokkaido2 ******/
#ec24_hotate .hokkaido2{
	padding: 24px 21px 21px;
	background: #fff;
}
#ec24_hotate .hokkaido2 .title{
	font-size: 54px;
	border-bottom: 2px solid #000;
	text-align: center;
	padding: 0 0 7px;
	margin: 0 0 21px;
}
#ec24_hotate .hokkaido2 .title .mark1{
	font-size: 64%;
}
#ec24_hotate .hokkaido2 .txt{
	font-size: 29px;
	letter-spacing: 0.07em;
	line-height: 1.42;
	margin: 0 0 21px;
}
#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: 658px;
	margin: 0 auto;
	padding: 0;
}
#ec24_hotate .hokkaido2 .img ul li{
	width: 322px;
}

/****** hokkaido3 ******/
#ec24_hotate .hokkaido3{
	padding: 24px 21px 21px;
	background: #fff;
	position: relative;
}
#ec24_hotate .hokkaido3 .fukidashi{
	position: absolute;
	top: 17px;
	left: 21px;
	width: 133px;
}
#ec24_hotate .hokkaido3 .title{
	font-size: 54px;
	border-bottom: 2px solid #000;
	text-align: center;
	letter-spacing: -0.05em;
	padding: 0 0 7px;
	margin: 0 0 21px;
}
#ec24_hotate .hokkaido3 .title .mark1{
	font-size: 64%;
}
#ec24_hotate .hokkaido3 .txt{
	font-size: 29px;
	letter-spacing: 0.06em;
	line-height: 1.42;
	margin: 0 0 21px;
}
#ec24_hotate .hokkaido3 .txt .mark1{
	color: #e20000;
	font-weight: bold;
}

/****** kaitou ******/
#ec24_hotate .kaitou{
	padding: 24px 21px 21px;
	background: #fff;
}
#ec24_hotate .kaitou .title{
	font-size: 54px;
	border-bottom: 2px solid #000;
	text-align: center;
	letter-spacing: 0.07em;
	padding: 0 0 7px;
	margin: 0 0 21px;
}
#ec24_hotate .kaitou .title .mark1{
	font-size: 64%;
}
#ec24_hotate .kaitou .txt{
	font-size: 29px;
	letter-spacing: 0.07em;
	line-height: 1.42;
	margin: 0 0 21px;
}
#ec24_hotate .kaitou .txt .mark1{
	color: #e20000;
	font-weight: bold;
}


/****** hotate ******/
#ec24_hotate .hotate{
	padding:83px 24px 19px;
	position: relative;
	background: #fff;
	border: 14px solid #e0c788;
}
#ec24_hotate .hotate .s-title{
	position: absolute;
	top: 17px;
	left: 21px;
	width: 268px;
}
#ec24_hotate .hotate .title{
	font-size: 54px;
	line-height: 1;
	padding: 0 21px 19px;
}
#ec24_hotate .hotate .title .mark1{
	font-size: 64%;
}
#ec24_hotate .hotate .title .mark2{
	font-size: 80%;
}
#ec24_hotate .hotate ol{
	padding: 20px 30px;
	margin: 0 7px;
	background: rgba(224,199,136,0.3);
	list-style: none;
}
#ec24_hotate .hotate ol li{
	font-size: 32px;
	margin: 0 0 7px;
}
#ec24_hotate .hotate ol li .no{
	background: #250e13;
	color: #fff;
	border-radius: 50%;
	font-size: 25px;
	padding: 4px 7px;
	line-height: 1;
	margin: 0 14px 0 0;
}
#ec24_hotate .hotate ol li .mark1{
	color: #e20000;
	font-weight: bold;
}
#ec24_hotate .hotate .img{
	position: absolute;
	top:457px;
	left: 147px;
	width: 519px;
}
#ec24_hotate .hotate .txt{
	padding: 163px 0 0;
	font-size: 19px;
}

/****** voice ******/
#ec24_hotate .voice{
	padding: 7px;
	background: #fff;
}
#ec24_hotate .voice .title{
	padding: 14px 7px 7px;
	background: #e0c788;
	font-size: 54px;
	text-align: center;
}
#ec24_hotate .voice .title .mark1{
	font-size: 36px;
}
#ec24_hotate .voice .voice1{
	border: 2px solid #e0c788;
	padding: 19px 14px;
	margin: 0 0 7px;
}
#ec24_hotate .voice .voice1 .title-img{
	display: flex;
	justify-content: space-between;
	margin: 0 0 21px;
}
#ec24_hotate .voice .voice1 .title-img .s-title{
	width: 320px;
	font-size: 37px;
	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: 300px;
}
#ec24_hotate .voice .voice1 .txt{
	font-size: 29px;
	letter-spacing: 0.04em;
	line-height: 1.42;
	margin: 0 0 5px;
}
#ec24_hotate .voice .voice1 .name{
	font-size: 29px;
	letter-spacing: 0.07em;
	line-height: 1.42;
	text-align: right;
}
#ec24_hotate .voice .voice2{
	border: 2px solid #e0c788;
	padding: 19px 14px;
}
#ec24_hotate .voice .voice2 .s-title{
	font-size: 37px;
	line-height: 1.29;
	margin: 0 0 14px;
}
#ec24_hotate .voice .voice2 .img{
	width: 532px;
	margin: 0 auto 21px;
}
#ec24_hotate .voice .voice2 .txt{
	font-size: 29px;
	letter-spacing: 0.04em;
	line-height: 1.42;
	margin: 0 0 5px;
}
#ec24_hotate .voice .voice2 .name{
	font-size: 29px;
	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;
}