@charset "UTF-8";

/* 不変スタイル */
.bg_WH {background-color: #fff;}

.notice {font-size:16px;  background:#fff; padding:10px; color:#e70012; font-weight:700;}
.notice .RED {background:#e70012; color:#fff; padding:3px 8px; margin-right:20px; border-radius: 3px;}
.step {font-size:16px;  background:#fff7da; padding:0px; color:#684909; }
.step .orange {font-size:20px; background:#e06126; color:#fff; padding:3px 8px; margin-right:0px; border-radius: 3px;}

.shousai {padding:0 20px; font-size:14px; line-height:1.8em; text-align:left; background:#fff;}

.gaiyou {font-size:16px;  background:#fff; color:#e70012; font-weight:700; margin-top:20px; }
/* YOU TUBE */
.youtube iframe{ width: 100%; margin-top:20px;}
.youtube img{margin-top:30px;}

@media(max-width:360px) {	
.youtube img{ margin-top:10px;}
.youtube iframe{ margin-top:10px;}
}
/*キャンペーン毎に変えるスタイル*/
.news_title{background-color: #fff;} /*背景色をチェンジ可*/
.bg_color {background-color: #fff;} /*背景色をチェンジ可*/

.title_bd{border-bottom:#ff0000 3px solid; } /*小見出しのボーダーボトム色をチェンジ可*/

.guide_WH {font-size:18px; background:#ff0000; padding:10px; color:#fff; font-weight:700;}/*白・太文字の注意書き 背景色をチェンジ可*/

/*201612ドレッシング*/
.dre_memo {background-image: url("../images/201612/memobg.png"); background-repeat: repeat-x;}
.dre_recipe {font-size:14px; margin:20px 0; padding:40px 10px 0px 10px; text-align:left;}
.dre_recipe_coming {font-size:16px; margin:20px 0; padding:40px 10px 0px 10px;  text-align:center;}
.dre_photo {padding-top:30px;}

@media(max-width:414px) {	
.dre_photo {padding-top:10px;}
.dre_photo img {max-width: 50%; height: auto; padding-top:0px;}
.dre_memo {margin-bottom:0px;}
}


.marker_lime_futo {
	background: linear-gradient(transparent 0%, #66FFCC 0%);
}

/**** 表示領域が900px以上の場合に適用するスタイル ****/
@media screen and (min-width:900px) {
.smp_only { display:none;}
}

/**** 表示領域が899px以下の場合に適用するスタイル ****/
@media screen and (max-width:899px) {
.pc_only { display:none;}
/*.smp_only { display: inline-block;}*/
.inner { width:100%;}
}


/*201808_001*/
.bg_beigepatt {
	background: url(../images/001/pattern_02.gif) repeat; 
	background-size: 20px 20px;
}

.bg_001 {
	background: url(../images/026/001.png) no-repeat; background-position:center center; 
	background-size: contain;
	height:400px;
}

.bg_002 {
	background: url(../images/026/002.png) no-repeat; background-position:center center; 
	background-size: contain;
	height:400px;
}

.bg_003 {
	background: url(../images/026/003.png) no-repeat; background-position:center center; 
	background-size: contain;
	height:400px;
}

.bg_004 {
	background: url(../images/026/004.png) no-repeat; background-position:center center; 
	background-size: contain;
	height:400px;
}

.bg_005 {
	background: url(../images/026/005.png) no-repeat; background-position:center center; 
	background-size: contain;
	height:400px;
}

.bg_006 {
	background: url(../images/026/006.png) no-repeat; background-position:center center; 
	background-size: contain;
	height:400px;
}


.text_step01 {
line-height: 1.6;
font-weight: 500;
margin: 180px 20px 10px 20px;
text-align:center;
color: #914c05;
font-size: 14px;
}

.text_lead {
	line-height: 1.8;
	font-weight: 700;
	margin: 20px 20px 10px 20px;
	text-align:center;
	font-size: 16px;
	color: #539b34;
}


@media(max-width:769px) {
.text_step01 {
line-height: 1.5;
font-weight: 500;
margin: 180px 0px 10px 0px;
text-align:center;
font-size: 14px;
color: #914c05;
}

.text_lead {
	line-height: 1.8;
	font-weight: 700;
	margin: 10px 20px 10px 20px;
	text-align:center;
	font-size: 14px;
	color: #539b34;
}
}

.bg_beigepatt03 {
	background: url(../images/026/pattern_03.gif) repeat; 
	background-size: 10px 10px;
}