/*///// PC・SP共通 /////*/
.premiumBody {
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	color: #ccbea0;
	font-feature-settings: "palt";
	background-image: url(/material/feature/premium/premium_backgroundimg.jpg);
}

.productStatus {
	font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "Hiragino Sans", Meiryo, sans-serif;
}

.productStatus {
	background-color: #00B0EC;
    color: white;
    text-align: center;
}

.premiumProductBody .productCodeBoxNmaeArea {
	border-bottom: 1px solid #796c4f;
}

.premiumBtnA a {
	background-color: #ccbea0;
	color: #333333;
}

.premiumBtnB a {
	background-color: #545454;
}

.ecFeatureContents .contentBoxDRecipeTitle {
	border-bottom: 1px solid #796c4f;
}

.ecFeatureContents .contentBoxDTitileBox {
	border-bottom: 1px solid #796c4f;
}

.ecFeatureContents .contentBoxDRecipeBox,
.ecFeatureContents .contentBoxDStepArea,
.ecFeatureContents .contentBoxDCaption {
	font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "Hiragino Sans", Meiryo, sans-serif;
}

.ecFeatureContents .contentBoxDRecipeDetali dl {
	display: flex;
}


/*////// PC //////*/

@media screen and (min-width:964px) {	
	.pc_only { display: block !important; }
	.sp_only { display: none !important; }

	.ecFeatureContents .premiumProductBody {
		margin-bottom: 40px;
		padding-bottom: 140px;
	}

	.ecFeatureContents .premiumBtnArea a:hover {
		opacity: .7;
		transition: .2s;
	} 

	.ecFeatureContents .premiumMb100 {
		margin-bottom: 100px;
	}

	.ecFeatureContents .premiumProductBody .productStatus {
		font-weight: bold;
		font-size: max(.6vw, 11px);
		padding: 3px 10px;
		margin-right: 12px;
		letter-spacing: .05em;
		line-height: 1;
	}

	.ecFeatureContents .premiumMainVisual { 
		margin-bottom: 90px;
	}

	.ecFeatureContents .premiumProductBody .premiumMainCopyBox {
		margin: 0 auto;
		text-align: center;
	}

	.ecFeatureContents .premiumProductBody .premiumLogo img {
		width: 154px;
		margin-bottom: 30px;
	}

	.ecFeatureContents .premiumProductBody .premiumMainCopy {
		font-size: max(2.5vw, 34px);
		letter-spacing: .15em;
	}

	.ecFeatureContents .premiumProductBody .premiumMainCopyBox {
		padding: 65px 0;
	}

	.ecFeatureContents .premiumProductBody .premiumMainImg {
		width: 90%;
		margin: 0 auto 40px;
	}

	.ecFeatureContents .premiumProductBody .premiumMainImg img {
		width: 100%;
	}
	
	.ecFeatureContents .premiumProductBody .productCodeBoxNmaeArea {
		margin-bottom: 40px;
		padding-bottom: 40px;
	}

	.ecFeatureContents .premiumProductBody .productCodeBoxNmaeBox {
		display: flex;
		width: 90%;
		margin: 0 auto;
		align-items: flex-end;
		letter-spacing: .09em;
	}

	.ecFeatureContents .premiumProductBody .productCodeBox {
		display: flex;
		align-items: center;
	}

	.ecFeatureContents .premiumProductBody .productCode {
		font-size: max(1.5vw, 15px);
		margin-right: 10px;
	}

	.ecFeatureContents .premiumProductBody .productName {
		font-size: max(1.7vw, 18px);
		letter-spacing: .09em;
	}

	.ecFeatureContents .premiumProductBody .producText {
		width: 90%;
		margin: 0 auto;
		font-size: max(1.23vw, 19px);
		letter-spacing: .2em;
		line-height: 2;
	}

	.ecFeatureContents .contentBoxA {
		display: flex;
		align-items: center; 
	}

	.ecFeatureContents .contenstAimgBox {
		width: 820px;
	}

	.ecFeatureContents .contenstAimgBox img {
		width: 100%;
	}

	.ecFeatureContents .contenstAtextBox {
		width: 45%;
		margin-left: 60px;
		margin-right: 4vw;
	}

	.ecFeatureContents .contenstAtitle,
	.ecFeatureContents .contenstBtitle,
	.ecFeatureContents .contenstCtitle {
		font-size: max(1.8vw, 28px);
		letter-spacing: .15em;
		margin-bottom: 30px;
		line-height: 1.5;
	}

	.ecFeatureContents .contenstAtext,
	.ecFeatureContents .contenstBtext,
	.ecFeatureContents .contenstCtext,
	.ecFeatureContents .contenstCtextListTextBox dd {
		font-size: max(.88vw, 18px);
		letter-spacing: .15em;
		line-height: 2;
	}

	.ecFeatureContents .contenstCtextListTextBox {
		margin-bottom: 30px;
	}

	.ecFeatureContents .contenstCtextListTextBox dl {
		display: flex;
		align-items: center;
		width: 100%;
		justify-content: flex-start;
	}

	.ecFeatureContents .contenstCtextListTextBox dt {
		min-width: 100px;
		max-width: 140px;
	}

	.ecFeatureContents .contenstCtextListTextBox dt img {
		width: 100%;
	}

	.ecFeatureContents .contenstCtextListTextBox dd {
		width: 100%;
		padding-left: 5%;
	}

	.ecFeatureContents .contentBList {
		width: 68%;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.ecFeatureContents 	.contentBListBox {
		width: 45%;
	}

	.ecFeatureContents .contenstBimgBox img {
		width: 100%;
	}

	.ecFeatureContents .contenstBimgBox {
		margin-bottom: 40px;
	}

	.ecFeatureContents .premiumBtnBox {
		display: flex;
		justify-content: space-between;
		width: 50%;
		margin: 0 auto;
	}

	.ecFeatureContents .premiumBtnA,
	.ecFeatureContents .premiumBtnB {
		width: 47%;
		font-size: max(1vw, 16px);
		letter-spacing: .15em;
	}

	.ecFeatureContents .premiumBtnA a,
	.ecFeatureContents .premiumBtnB a {
		display: inline-block;
		width: 100%;
		padding: 25px 0;
		text-align: center;
	}

	.ecFeatureContents .contentBoxMovie {
		width: 70%;
		margin-left: auto;
		margin-right: auto;
		position: relative;
	}

	.ecFeatureContents .contentBoxMovieBox {
		width: 100%;
		padding-top: 56.25%;
	}

	.ecFeatureContents .contentBoxMovieBox iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.ecFeatureContents .contentBoxC {
		width: 80%;
		margin-left: auto;
		margin-right: auto;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.ecFeatureContents .contenstCtextBox {
		width: 66%;
		padding-right: 4%;
	}

	.ecFeatureContents .contenstCimgBox {
		width: 520px;
	}

	.ecFeatureContents .contenstCimgBox img {
		width: 100%;
	}

	.ecFeatureContents .contentBoxDTitileBox {
		width: 100%;
		margin-bottom: 30px;
		padding-bottom: 12px;
	}

	.ecFeatureContents .contentBoxDTitileBox p {
		width: 80%;
		margin: 0 auto;
		text-align: left;
		font-size: max(1.7vw, 17px);
		letter-spacing: .09em;
	}

	.ecFeatureContents .contentBoxDCaption {
		width: 80%;
		margin: 0 auto 30px;
		text-align: left;
		font-size: 13px;
		letter-spacing: .09em;
	}

	.ecFeatureContents .contentBoxDCaption li {
		margin-bottom: 8px;
	}

	.ecFeatureContents .contentBoxDStepArea {
		width: 80%;
		margin: 0 auto 15px;
		display: flex;
		flex-wrap: nowrap; 
		align-items: flex-start;
		justify-content: space-between;
	}

	.ecFeatureContents .contentBoxDStepList {
		width: 21%;
	}

	.ecFeatureContents .contentBoxDStepListDetailCpation {
		font-size: 15px;
		letter-spacing: .1em;
		line-height: 1.4;
		padding-left:1em;
		text-indent:-1em;
		text-align: justify;
	}

	.ecFeatureContents .contentBoxDStepList img {
		width: 100%;
		margin-bottom: 12px;
	}

	.ecFeatureContents .contentBoxDStepArrow {
		width: 2%
	}

	.ecFeatureContents .contentBoxDStepArrow img {
		width: 100%;
		margin-top: 4.7vw;
	}

	.ecFeatureContents .contentBoxDRecipeBox {
		width: 80%;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
	}

	.ecFeatureContents .contentBoxDRecipeImgBox {
		width: 50%;
	}

	.ecFeatureContents .contentBoxDRecipeImgBox img {
		width: 100%;
	}

	.ecFeatureContents .contentBoxDRecipeTextAera {
		width: 46%;
		display: flex;
		justify-content: space-between;
	}

	.ecFeatureContents .contentBoxDRecipeTextBox:first-of-type {
		width: 40%;
	}

	.ecFeatureContents .contentBoxDRecipeTextBox:last-of-type {
		width: 56%;
	}

	.ecFeatureContents .contentBoxDRecipeTitle {
		font-size: 18px;
		font-weight: bold;
		margin-bottom: 20px;
		padding-bottom: 12px;
		letter-spacing: .09em;
	}

	.ecFeatureContents .contentBoxDRecipeDetali {
		font-size: 15px;
		letter-spacing: .09em;
		margin-bottom: 20px;
	}

	.ecFeatureContents .contentBoxDRecipeDeta:last-of-type {
		margin-bottom: 0;
	}

	.ecFeatureContents .contentBoxDRecipeDetali dt {
		line-height: 1.5;
		margin-right: 5px;
	}

	.ecFeatureContents .contentBoxDRecipeDetali dd {
		line-height: 1.5;
		letter-spacing: .17em;
	}
	

}


/*////// SP //////*/
@media screen and (max-width: 963px)  {
	.pc_only { display: none !important; }
	.sp_only { display: block !important; }

	.ecFeatureContents .premiumMb100 {
		margin-bottom: 12vw;
	}

	.ecFeatureContents .premiumMainVisual {
		margin-bottom: 9vw;
	}

	.ecFeatureContents .premiumMainCopyBox {
		width: 90%;
		margin: 0 auto;
		padding: 8vw 0 6vw;
	}

	.ecFeatureContents .premiumMainCopy {
		font-size: 5vw;
		line-height: 1.65;
		letter-spacing: 0.12em;
	}

	.ecFeatureContents .premiumLogo {
		margin-bottom: 6vw;
	}

	.ecFeatureContents .premiumLogo img {
		width: 18vw;
	}

	.premiumLogo:after {
		border-top: 1px solid #796c4f;
		display: inline-block;
		content: "";
		width: 70vw;
		vertical-align: middle;
		margin-left: 2vw;
	}

	.ecFeatureContents .productCodeBoxNmaeArea {
		padding-bottom: 3vw;
		margin: 5vw 0 4vw;
	}

	.ecFeatureContents .productCodeBoxNmaeBox {
		width: 90%;
	}

	.ecFeatureContents .premiumProductBody .productCodeBoxNmaeBox {
		margin: 0 auto;
	}

	.ecFeatureContents .productCodeBox {
		display: flex;
		align-items: flex-end;
		margin-bottom: 2vw;
	}
	
	.ecFeatureContents .productStatus {
		font-size: 2vw;
		padding: 0.8vw 2vw;
		letter-spacing: .09em;
		margin-right: 2vw;
	}

	.ecFeatureContents .productCode {
		font-size: 3.2vw;
		letter-spacing: .09em;
	}

	.ecFeatureContents .productName {
		font-size: 4.5vw;
		letter-spacing: .09em;
	}

	.ecFeatureContents .producText {
		width: 90%;
		margin: 0 auto;
		line-height: 1.8;
		font-size: max(3vw, 13px);
		letter-spacing: .13em;
	}

	.ecFeatureContents .contentBoxA {
		width: 80%;
		margin-right: auto;
		margin-left: auto;
	}

	.ecFeatureContents .contenstAimgBox,
	.ecFeatureContents .contenstCimgBox {
		margin-bottom: 5vw;
	}

	.ecFeatureContents .contenstBimgBox {
		margin-bottom: 4vw;
	}

	.ecFeatureContents .contenstAtitle,
	.ecFeatureContents .contenstCtitle {
		font-size: 4.8vw;
		letter-spacing: .13em;
		margin-bottom: 2.6vw;
		line-height: 1.5;
	}

	.ecFeatureContents .contenstBtitle {
		font-size: 3.7vw;
		letter-spacing: .1em;
		margin-bottom: 2.6vw;
		line-height: 1.5;
	}

	.ecFeatureContents .contenstAtext,
	.ecFeatureContents .contenstBtext,
	.ecFeatureContents .contenstCtext,
	.ecFeatureContents .contenstCtextListTextBox dd { 
		font-size: max(2.9vw, 13px);
		line-height: 1.9;
		letter-spacing: .13em;
	}

	.ecFeatureContents .contenstCtextListTextBox {
		margin-bottom: 30px;
	}

	.ecFeatureContents .contenstCtextListTextBox dl {
		display: flex;
		align-items: center;
		width: 100%;
		justify-content: flex-start;
	}

	.ecFeatureContents .contenstCtextListTextBox dt {
		width: 25vw;
	}

	.ecFeatureContents .contenstCtextListTextBox dt img {
		width: 100%;
	}

	.ecFeatureContents .contenstCtextListTextBox dd {
		width: 100%;
		padding-left: 5%;
	}

	.ecFeatureContents .contentBoxB {
		width: 95%;
		margin-right: auto;
		margin-left: auto;
	}

	.ecFeatureContents .contentBList {
		display: flex;
		justify-content: space-between;
	}

	.ecFeatureContents .contentBList {
		width: 100%;
	}

	.ecFeatureContents .contentBListBox {
		width: 47%;
	}

	.ecFeatureContents .premiumBtnBox {
		width: 70%;
		margin: 0 auto;
	}

	.ecFeatureContents .premiumBtnA,
	.ecFeatureContents .premiumBtnB {
		width: 100%;
	}

	.ecFeatureContents .premiumBtnArea a {
		width: 100%;
		font-size: 3.6vw;
		letter-spacing: .09em;
		display: inline-block;
		text-align: center;
		padding: 3.4vw 0;
	    margin-bottom: 4vw;
	}

	.ecFeatureContents .contentBoxMovie {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		position: relative;
	}

	.ecFeatureContents .contentBoxMovieBox {
		width: 100%;
		padding-top: 56.25%;
	}

	.ecFeatureContents .contentBoxMovieBox iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.ecFeatureContents .contentBoxC {
		width: 80%;
		margin-left: auto;
		margin-right: auto;
		display: flex;
		flex-direction: column-reverse;
		justify-content: space-between;
		align-items: center;
	}

	.ecFeatureContents .contentBoxDTitileBox p {
		width: 80%;
		margin: 0 auto;
		text-align: left;
		font-size: 4.5vw;
		letter-spacing: .09em;
		line-height: 1.3;
	}

	.ecFeatureContents .contentBoxDTitileBox {
		width: 100%;
		margin-bottom: 4.7vw;
		padding-bottom: 2vw;
	}

	.ec-mainContent .ecFeatureContents .contentBoxDCaption {
		width: 80%;
		margin: 0 auto 3vw;
	}
	.ec-mainContent .ecFeatureContents .contentBoxDCaption li {
		padding-left:1em;
		text-indent:-1em;
		line-height: 1.5;
		font-size: max(2.9vw, 13px);
		letter-spacing: .09em;
		margin-bottom: 1.5vw;
	}

	.ecFeatureContents .contentBoxDStepArrow img {	
		transform: rotate( 90deg );
		width: 4vw;
		margin:  0 auto;
		display: inline-block;
	}

	.ecFeatureContents .contentBoxDStepArea {
		width: 80%;
		margin:  0 auto;
	}

	.ecFeatureContents .contentBoxDStepArrow {
		text-align: center;
		margin-bottom: 3vw;
	}

	.ecFeatureContents .contentBoxDStepListDetailImg {
		margin-bottom: 3vw;
	}

	.ecFeatureContents .contentBoxDStepListDetailCpation {
		font-size: 3.2vw;
		line-height: 1.5;
		letter-spacing: .13em;
		margin-bottom: 3vw;
		padding-left: 1em;
    	text-indent: -1em;
		text-align: justify;
	}

	.ecFeatureContents .contentBoxDRecipeImgBox {
		width: 80%;
		margin: 0 auto 4vw;
	}

	.ecFeatureContents .contentBoxDRecipeTextAera {
		width: 80%;
		margin: 0 auto;
	}

	.ecFeatureContents .contentBoxDRecipeTitle {
		margin-bottom: 4.5vw;
   		padding-bottom: 2vw;
		font-size: 3.5vw;
		line-height: 1.3;
		letter-spacing: .13em;
		font-weight: bold;
	}

	.ecFeatureContents .contentBoxDRecipeDetali {
		font-size: 3.2vw;
		line-height: 1.1;
		letter-spacing: .13em;
		margin-bottom: 2vw;
	}

	.ecFeatureContents .contentBoxDRecipeTextBox:first-of-type {
		margin-bottom: 6vw;
	}

	.ecFeatureContents .contentBoxDRecipeDetali dt {
		line-height: 1.5;
		margin-right: 4px;
	}

	.ecFeatureContents .contentBoxDRecipeDetali dd {
		line-height: 1.5;
	}



}