@charset "shift_jis";

/* SpCommonReset
**************************** */
/* h1 and h2 */
#main h1 img,#main div[id^="h2_0"] img{
	zoom:1;
	display:block;
	max-width:750px;
	width:100%;
	height:auto;
	margin:auto;
}

/* wrap */
.springgourmetWrap {
	max-width:750px;
	width:100%;
	margin:0 auto;
	-webkit-text-size-adjust:100%;
}
.springgourmetWrap img {
	vertical-align: top;
	width: 100%;
	height: auto;
	zoom: 1 !important;
}
.springgourmetWrap a{
	display: block;
}
.ichioshiBlock h2{
	margin:0;
}
#mvBlock{
	margin-bottom: 0;
}
.springgourmetWrap .mvBlockA01 {
  position: relative;
  z-index: 1;
}
.springgourmetWrap .mvBlockA01.grayOut::before {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  display: inline-block;
  width: calc(518 / 750 * 100%);
  max-width: 518px;
  height: auto;
  aspect-ratio: 518 / 151;
  background: url(../image/springgourmet_sp_mv_end_001_240517.png) no-repeat center center;
  background-size: 100% auto;
  z-index: 2;
}
.springgourmetWrap .mvBlockA01.grayOut::after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  display: inline-block;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1;
}

/*headingBlock
-------------------------------------------------------*/
/*.springgourmetWrap .headingBlockA01{
	margin: 0 0 4% 0;
}
.springgourmetWrap .headingBlockB02{
	margin: 0 0 4% 0;
}
.springgourmetWrap .headingBlockA03{
	margin: 0 0 4% 0;
}*/


/*navBlock
-------------------------------------------------------*/
.springgourmetWrap .navBlock{
	margin: 0 0 6.67% 0;
}

.springgourmetWrap .navBlock ul li{
	float: left;
	width: 32.4%;
	margin: 0 1.4% 0 0;
}
.springgourmetWrap .navBlock ul li:nth-child(3n){
	margin: 0 0 0 0;
}



/* goodsBlock
-------------------------------------------------------*/
.springgourmetWrap .goodsBlockA01 .image{
	margin: 0 0 3.74% 0;
}

.springgourmetWrap .goodsBlockA01 .text{
	margin: 0 0 8% 0;
	font-size: 15px;
	color: #612e2d;
	line-height: 1.53;
}

/* goodsList
-------------------------------------------------------*/
.springgourmetWrap .goodsList{
	margin: 0 0 13.34% 0;
}
.springgourmetWrap .goodsList ul li{
	margin: 0 0 5.07% 0;
}
.springgourmetWrap .goodsList ul li:last-child{
	margin: 0 0 0 0;
}
.springgourmetWrap .goodsList .imgColumn{
	float: left;
	width: 46.8%;
	margin: 0 4.23% 0 0;
}
.springgourmetWrap .goodsList .textColumn{
	float: left;
	width: 48.97%;
}
.springgourmetWrap .goodsList .ico{
	display: block;
	margin: 0 0 5.2% 0;
	width: 42%;
}
.springgourmetWrap .goodsList .name,
.springgourmetWrap .goodsList .name a{
	margin: 0 0 7.8% 0;
	display: block;
	font-size: 15px;
	color: #e72c42;
	line-height: 1.4;

}
.springgourmetWrap .goodsList .price{
	display: block;
	margin: 0 0 7.8% 0;
	font-size: 15px;
	font-weight: bold;
	color: #612e2d;
}
.springgourmetWrap .goodsList .tax{
	font-size: 14px;
}
.springgourmetWrap .goodsList .btn{
	display: block;
	width: 89.89%;
}

/* goodsBlockA02
-------------------------------------------------------*/
.springgourmetWrap .goodsBlockA02{
	margin: 0 0 8% 0;
}
.springgourmetWrap .goodsBlockA02.marginA01{
	margin: 0 0 13.334% 0;
}
.springgourmetWrap .goodsBlockA02 .image{
	margin: 0 0 4% 0;
}
.springgourmetWrap .goodsBlockA02 .ttl{
	font-weight: bold;
	font-size: 15px;
	color: #e72c42;
	margin: 0 0 4% 0;
}
.springgourmetWrap .goodsBlockA02 .ico{
	width: 21.6%;
	margin: 0 0 2.67% 0;
}
.springgourmetWrap .goodsBlockA02 .name,
.springgourmetWrap .goodsBlockA02 .name a{
	margin: 0 0 4% 0;
	font-size: 15px;
	line-height: 1.4;
	color: #e72c42;

}
.springgourmetWrap .goodsBlockA02 .price{
	margin: 0 0 4% 0;
	font-size: 15px;
	font-weight: bold;
	color: #612e2d;
}
.springgourmetWrap .goodsBlockA02 .price .tax{
	font-size: 14px;
}
.springgourmetWrap .goodsBlockA02 .btn{
	margin: 0 auto 0 auto;
	width: 61.47%;
}
.springgourmetWrap .goodsBlockA02 .read{
	margin: 0 0 4% 0;
	font-size: 14px;
	color: #612e2d;
	line-height: 1.42;
}

/*anchorLinkBlockA01******************************************************/
.springgourmetWrap .anchorLinkBlockA01{
width: 92%;
margin: calc(30 / 750* 100%) auto;
}
/*navBlock01******************************************************/
.springgourmetWrap .navBlock01{
width: 92%;
margin: 5.33% auto 7.66%;
}
.springgourmetWrap .navBlock01 ul li{
float: left;
}
.springgourmetWrap .navBlock01 ul li:nth-child(-n+2){
width: 50%;
}
.springgourmetWrap .navBlock01 ul li:nth-child(n+3){
width: calc(100% / 3);
}
/*appBlockA02******************************************************/
.springgourmetWrap .appBlockA02{
background: #fffaeb;
}
.springgourmetWrap .columnA01{
padding: 5.6% 4% 6.7%;
}
.springgourmetWrap .columnA02{
padding: 3.6% 4% 9.7%;
}
.springgourmetWrap .column2WrapA01 .leftA01{
float:left;
width: 48%;
margin-bottom: calc(40 / 750* 100%);
}
.springgourmetWrap .column2WrapA01 .rightA01{
float:right;
width: 52%;
padding-left: 5%;
}
.springgourmetWrap .column2WrapA01 .imgA01{
margin:0 auto;
}
.springgourmetWrap .column2WrapA01 .nameA01{
font-size: 1.3em;
line-height: 1.65;
font-weight: bold;
margin-bottom: 10%;
min-height: 114px;
}
.springgourmetWrap .column2WrapA01 .priceA01{
margin: 0 0 4.615%;
font-size: 2em;
font-weight: bold;
text-align: right;
}
.springgourmetWrap .column2WrapA01 .priceA01 span{
font-size: 0.6em;
}
/*articleBlockA02******************************************************/
.springgourmetWrap .articleBlockA02{
margin: 0 0 10.66%;
padding: 6.666% 0;
background: #fffaeb;
font-size: 15px;
line-height: 1.75;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
color: #333;
}
.springgourmetWrap .articleBlockA02Inner{
margin: 0 auto 8%;
width: 86.6%;
padding: 5.3% 0 6.6%;
}
.springgourmetWrap .articleBlockA02 .txtB02{
margin: 0 0 9%;
}
.springgourmetWrap .articleBlockA02 .txtB03{
margin: 0 0 5.3%;
}
.springgourmetWrap .articleBlockA02 .profile {
font-size: 13px;
line-height: 1.5;
background: #ffffff;
}
.springgourmetWrap .articleBlockA02 .imgBlockA02 {
width: 46.15%;
float: right;
margin: 0 0 1.53% 1.53%;
}
.springgourmetWrap .articleBlockA02 .txtBlockA02 {
padding: 5% 7.6% 7.6% 7.6%;
}
.springgourmetWrap .articleBlockA02 .txtBlockA02 span {
font-weight: 700;
}
.springgourmetWrap .column2Wrap03{
width: 86.666%;
margin: 0 auto;
}
.springgourmetWrap .column2Wrap03 .column01{
width: calc(100% - 39.846%);
float: left;
}
.springgourmetWrap .column2Wrap03 .column02{
width: 37.846%;
float: right;
margin-left: 2%;
}
.springgourmetWrap .column2Wrap03 h3{
font-size: 16px;
font-weight: bold;
line-height: 1.4;
margin: 0 0 5% 0;
}
.springgourmetWrap .column2Wrap03 .txt{
font-size: 14px;
line-height: 1.75;
}

/* bnrBlockA01
-------------------------------------------------------*/
/*.springgourmetWrap .bnrBlockA01 .text,
.springgourmetWrap .bnrBlockA01 .text a{
	margin: 0 0 3% 0;
	font-size: 14px;
	color: #e72c42;
	text-decoration: underline;
	text-align: center;
}
.springgourmetWrap .bnrBlockA01 .bnr{
	margin: 0 0 13.334% 0;
}*/


/* cautionBlock
-------------------------------------------------------*/
/*.springgourmetWrap .cautionBlock{
	padding: 4% 4% 4% 4%;
	margin: 6% 0 6% 0;
	background: #e3e5ed;
}
.springgourmetWrap .cautionBlock dl dt{
	font-size:14px;
	color: #666666;
	line-height: 1.57;
}
.springgourmetWrap .cautionBlock dl dd{
	font-size: 14px;
	font-weight: bold;
	line-height: 1.57;
	color: #666666;
	text-indent: -1em;
	padding-left: 1em;
}*/

/* 190212更新分
-------------------------------------------------------*/
.springgourmetWrap .anchorLinkBlock{
	width: 92%;
	margin: 4% auto 0 auto;
}
.springgourmetWrap .anchorLinkBlock ul li{
	float: left;
	width: 33.3%;
}
/*.springgourmetWrap .anchorLinkBlock ul li:nth-child(3),
.springgourmetWrap .anchorLinkBlock ul li:nth-child(4){
	width: 25.07%;
}*/
.springgourmetWrap .headingBlockA01{
	margin-top: 10.6%;
}
.springgourmetWrap .headingBlockA02{
	margin-top: 13.3%;
}
.springgourmetWrap .articleBlock{
	margin-top: 7%;
	background: url(../image/springgourmet_sp_bg_001_230221.jpg) no-repeat top center;
	background-size: contain;
	line-height: 1.5;
}
.springgourmetWrap .articleBlock .bgBlock{
	width: 86.6%;
	margin: 0 auto;
	padding-top: 5%;
    padding-bottom: 57%;
}
.springgourmetWrap .articleBlock .bgBlock .txt{
	font-size: min(3.7vw,26px);
	padding: 4%;
    background: rgba(255,255,255,0.7);
}
.springgourmetWrap .articleBlock .bgBlock .txt p{
	margin-bottom: 6.5%;
}
/*.springgourmetWrap .articleBlock .bgBlock .txt p:last-child{
	margin-bottom: 0;
}*/
.springgourmetWrap .articleBlock .profileBlock{
	margin-top: 7.6%;
}
.springgourmetWrap .articleBlock .profileBlock .photo{
	width: 36.6%;
	float: left;
}
.springgourmetWrap .articleBlock .profileBlock .profile{
	width: 60.3%;
	float: right;
}
/* cautionBlock
-------------------------------------------------------*/
.springgourmetWrap .cautionBlock {
	margin: 5.3% 0 0 0;
	background:#E3E5ED;
	padding:2.3%;
	font-weight:bold;
	font-size: 14px;
}
.springgourmetWrap .cautionBlock .txt{
	margin-bottom: 1.4%;
}
.springgourmetWrap .cautionBlock .txt:last-child{
	margin: 0;
}
/* bnrBlock
-------------------------------------------------------*/
.springgourmetWrap .bnrBlock{
	width: 81.8%;
	margin: 4.8% auto 0 auto;
}
.springgourmetWrap .bnrBlock ul li{
	float: left;
	margin-top: 5.3%;
	width: 47.2%;
}
.springgourmetWrap .bnrBlock ul li:nth-child(odd){
	margin-right: 5.4%;
}
.springgourmetWrap .bnrBlock ul li:nth-child(1),
.springgourmetWrap .bnrBlock ul li:nth-child(2){
	margin-top: 0;
}
/* 210222up
-------------------------------------------------------*/
.springgourmetWrap .appBlockA01{
margin:8% 0 0;
}
.springgourmetWrap .appBoxA01{
padding:6.66%;
background:#fffaeb;
}
.springgourmetWrap .appBoxA01 .imgBlockA01{
margin:0 0 3.8%;
}
.springgourmetWrap .appBoxA01 .textBlockA01{
margin:0 0 2.8%;
}
.springgourmetWrap .nameA01{
margin:0 0 2.2%;
font-size:16px;
font-weight:bold;
line-height:1.5;
}
.springgourmetWrap .textA01{
margin:0 0 2.6%;
font-size:12px;
line-height:1.41;
}
.springgourmetWrap .priceA01{
font-size:21px;
font-weight:bold;
text-align:right;
}
.springgourmetWrap .priceA01 span{
font-size:11px;
}
/*ご購入方法はこちらから
------------------------------------------------------------*/
.templateArea{
margin:13.3% 0 0;
}
.templateArea .marginA01{
margin: 0 0 3% 0;
}
.templateArea .infoBlock01{
background: #f2f2f2;
padding: 10.5% 2.7% 5.2% 2.7%;
}
.templateArea .infoBlock01 .headingBlockA02{
margin: 0 0 3% 0;
width:100%;
}
.templateArea .infoBlock01 .headingBlockA03{
margin: 0 0 3% 0;
}
.templateArea .infoBlock01 .descriptionListA01{
margin: 0 0 5% 0;
font-size:12px;
}
.templateArea .infoBlock01 .descriptionListA01 ul li{
text-indent: -1em;
padding: 0 0 0 1em;
}
.templateArea .textA01{
margin:0 0 2%;
padding:2% 2.5%;
border: 2px solid #000;
font-weight: bold;
}
.templateArea .textA01 p{
font-size:14px;
line-height:1.67;
}
.templateArea .infoBlock01 .stepList{
margin: 0 0 2% 0;
}
.templateArea .infoBlock01 .stepList ul li{
float: left;
width: 48.6%;
margin: 0 2.8% 2.8% 0;
}
.templateArea .infoBlock01 .stepList ul li:nth-child(2n){
margin: 0 0 2.8% 0;
}

/* stepBlockA01
------------------------------------------------------------*/
.templateArea .stepBlockA01 p{
font-size: 133%;
}
.templateArea .stepBlockA01 .headingBlock03 h3{
font-size: 166%;
font-weight: bold;
line-height: 1.4;
}
.templateArea .stepBlockA01 .headingBlock04{
background-color: #dddddd;
text-align: center;
padding: 2.4%;
font-size: 133%;
}
.templateArea .stepBlockA01 .headingBlock04 h4{
font-weight: bold;
}

.templateArea .stepBlockA01 .step{
background-color: #444444;
color: #ffffff;
margin: 0 0 6.27% 0;
font-size: 114%;
}
.templateArea .stepBlockA01 .step p{
text-align: center;
padding: 4% 0 4% 0;
font-size: 116.7%;
font-weight: bold;
}
.templateArea .stepBlockA01 .read {
margin: 0 0 6.13% 0;
}
.templateArea .stepBlockA01 .read .red{
color: #c30000;
}
.templateArea .stepBlockA01 .headingBlock03{
text-align: center;
margin: 0 0 5.07% 0;
}
.templateArea .stepBlockA01 .imgMargin01{
margin: 0 0 8% 0 ;
}
.templateArea .stepBlockA01 .btnMargin01{
margin: 2.5% 0 0 0 ;
}
.templateArea .stepBlockA01 .btnMargin02{
margin: 1.5% 0 0 0 ;
}
.templateArea .stepBlockA01 .btnMargin03{
margin: 5% 0 0 0 ;
}
.templateArea .stepBlockA01 .btnMargin04{
margin: 6% 0 7.5% 0 ;
}
.templateArea .stepBlockA01 .columnBlock{
background:#fff;
margin-bottom: 8%;
}
.templateArea .stepBlockA01 .columnBlock:last-child{
margin: 0 0 0 0;
}
.templateArea .stepBlockA01 .columnBlock .columnBlockInner{
width: 88.8%;
margin: 0 auto 0 auto;
padding: 0 0 6.67% 0;
}
.templateArea .stepBlockA01 .headingBlock05{
font-size: 133%;
line-height: 1.375;
background-color: #dddddd;
padding: 2.4%;
font-weight: bold;
}
.templateArea .stepBlockA01 .imgMargin01{
margin: 0 0 8% 0 ;
}
.templateArea .stepBlockA01 .btnMargin01{
margin: 2.5% 0 0 0 ;
}
.templateArea .stepBlockA01 .btnMargin02{
margin: 1.5% 0 0 0 ;
}
.templateArea .stepBlockA01 .btnMargin03{
margin: 5% 0 0 0 ;
}
.templateArea .stepBlockA01 .btnMargin04{
margin: 6% 0 7.5% 0 ;
}
.templateArea .stepBlockA01 .headMargin01{
margin: 0 0 7% 0;
}
.templateArea .stepBlockA01 .headMargin02{
margin: 10% 0 7% 0;
}
.stepBlockA01 .headMargin03{
margin: 0 0 8% 0;
}
/* column2Wrap
------------------------------------------------------------*/
.templateArea .stepBlockA01 .column2Wrap01 .column01{
float: left;
width: 33.3%;
}
.templateArea .stepBlockA01 .column2Wrap01 .column02{
float: right;
width: 55.5%;
font-size: 116%;
line-height: 1.39;
}
.templateArea .stepBlockA01 .column2Wrap02 .column01{
float: left;
width: 46.83%;
}
.templateArea .stepBlockA01 .column2Wrap02 .column02{
float: right;
width: 46.83%;
}
/* SP用 下部日付テキスト ここから */
.noteBox {
  width: calc(690 / 750 * 100%);
  margin: calc(30 / 750 * 100%) auto;
}
.noteBox .noteText {
  padding-left: 1em;
  text-indent: -1em;
  letter-spacing: 0.3px;
  line-height: 1.3;
  font-size: 14px;
}
/* SP用 下部日付テキスト ここまで */


/* 260210up */
.springgourmetWrap .articleBlock {
background: url(../image/springgourmet_sp_bg_001_260210.jpg) no-repeat top center;
aspect-ratio: 750 / 2658;
background-size: contain;
line-height: 1.55;
}
.springgourmetWrap .articleBlock .bgBlock .txt .txtHeading {
color: #c00425;
font-size: clamp(13px, 4.66vw, 35px);
font-weight: bold;
}
.springgourmetWrap .articleBlock .bgBlock .txt {
font-size: clamp(13px, 3.73vw, 28px);
}
.springgourmetWrap .articleBlock .bgBlock .txt p {
margin-top: 2%;
}