@charset "Shift_JIS";





/* 共通 */


img {
	max-width:100%;
	height:auto;
}
input[type=text], input[type=password], textarea, select{
	border:1px solid #959595;
	min-height:20px;
}

textarea {
	font-family: Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 1em;
	padding: 1px;
	border:1px solid #959595;
}

input[type=text], input[type=password]{
	height:1.2em;
	padding:0.6em;
	border:1px solid #959595;
}


input[type="text"]:focus ,input[type="password"]:focus {
	border:solid 1px #EEA34A;
}

select {
	font-family: Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	height: 28px;
	line-height: 28px;
}









.leftfloat_ {
	float: left;
}
.rightfloat_ {
	float: left;
}
.clear_ {
	clear: both!important;
}
.lefttext_ {
	text-align: left;
}
.righttext_ {
	text-align: right;
}
.centertext_ {
	text-align: center;
}

.spfluidimg_{
	max-width: 100%;
	width: auto !important;
	height: auto !important;
}

/* 特定メッセージ（インライン） */
.error_ {
	color:#CC0000;
	font-size: 14px;
	font-weight: bold;
	clear: both;
}
.notice_ {
	color:#993300;
}
.info_ {
	font-weight:bold;
}
/**/

/* 特定メッセージ（ブロック） */
div.error_, table.error_ {
	background-color:#ffffff;
	border:solid 1px #ff5500;
	padding:4px;
	margin:4px 0;
}
div.notice_, table.notice_ {
	background-color:#ffffff;
	border:solid 1px #996666;
	padding:4px;
	margin:4px 0;
}
div.info_, table.info_ {
	background-color:#ffffff;
	border:solid 1px #666666;
	padding:4px;
	margin:4px 0;
}
ul.error_ {
	margin-left: 16px;
}
.box_ {
	padding: 0 10px 10px;
}
/**/

.message_ {
	padding: 0 10px 10px;
}

/* 入力フォーム */
.hidden_ {
	display: none;
}
li.title_ {
	background-color: #e5f3ff;
	border-left: 5px solid #e5f3ff;
	padding: 1px 10px;
	margin-top: 3px;
}

.input_must_ input, .input_must_ textarea, .input_must_ select {
	background-color: #ffebeb;
}

li.must_ {
	border-left: 5px solid #ff6666;
}

span.must_ {
	/*color: #ffc0cb;
	background-color: #ffc0cb;*/
	padding: 0 2px 0 10px;
	vertical-align:middle;
}

.hiddenEnter_ {
	width:0;
	height:0;
}

.classrequired {
	background: #ffeeee;
}

.classerror {
	background: #ffeeee;
}

.efo_icon_ {
	vertical-align:middle;
}

/*-------------------------------------------------------
　【共通】
-------------------------------------------------------*/
/*._pc { display:none;}
._sp{ display:block;}*/

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

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


div.pages_              { background:#fff; overflow:hidden;}
div.pages_ .area_cnt_ .detail_  { margin-bottom:10px;}
div.pages_ .area_cnt_ .detail_  h2 {font-size:16px;color: #e62614; margin-top:5px;border-bottom: 1px dotted #cccccc;padding-bottom:5px;}
div.pages_ .area_cnt_ .detail_  h1.recipe_ttl_ {font-size:22px;color: #e62614; margin:5px 0 10px; border-bottom: 1px dotted #cccccc;padding-bottom:5px;line-height:1.2;}
div.pages_ .area_cnt_ .detail_  h1.recipe_ttl_ span {font-size:22px;line-height:1.2;}
div.pages_ .area_cnt_ .detail_ .catch_ { padding: 0;margin-top: 5px;}
div.pages_ .area_cnt_ .detail_ h2.catch_ { font-size:14px; color: #404040; margin-top:5px;border-bottom:none;padding-bottom:0; font-weight:normal;}
div.pages_ .area_cnt_  h3{padding-top:5px;
    color: #e62614; }
div.pages_ .area_cnt_   { padding:0 10px 10px 10px; overflow:hidden;}

div.pages_ .area_cnt_ h2.ttl_ { border-bottom: 1px solid #cccccc;padding-left: 10px;}



div.pages_ h2.ttl_      { padding:5px; margin:10px 0; background:#F7F7F7; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}




div.pages_ p.catch_     { padding:10px 10px 0 10px;}
div.pages_.catetop_ #area_ttl p.catch_ br    { display:none;}
div.pages_ .leftfloat_  { float:none;}
div.pages_ .rightfloat_ { float:none;}
.pconly_                { display: none;}
.pagetop_               { padding:0 10px; text-align:right; font-size:12px;}
div.pages_ .area_cnt_ .recipe_list_{
margin-bottom: 10px;
overflow: hidden;
}
div.pages_ .area_cnt_ .recipe_list_ li {
width: 50%;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;
padding: 5px;
display: inline-block;
text-align: center;
float: left;
}
div.pages_ .area_cnt_ .recipe_list_ li img {
max-width: 120px;
max-height: 120px;
}
div.pages_ .area_cnt_ .recipe_list_ li dt{
min-height: 130px;
}
div.pages_ .area_cnt_ .recipe_list_ li dd {
min-height: 40px;
}


/*-------------------------------------------------------
　【Contents】レシピ
-------------------------------------------------------*/
div.pages_.catetop_.recipe_.top_                { padding:10px; background:#fff;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;}
div.pages_.catetop_.recipe_                {width:100% !important;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;}

div.pages_.catetop_.recipe_.top_ .bnr_ttl_.pro_ { margin-bottom:20px;}
div.pages_.catetop_.recipe_.top_ li             { margin-bottom:10px;}
div.pages_.catetop_.recipe_.top_ li.detail_     { margin-bottom:0; text-align:right; line-height:1px;}
div.pages_.catetop_.recipe_.top_ div,
div.pages_.catetop_.recipe_.top_ ul  {
	width:auto !important;
	height:auto !important;
	margin:0 !important;
	padding:0 !important;
	float:none !important;
	background:#fff !important;
}
/*div.pages_.catetop_.recipe_.top_>div{
	margin-left: auto !important;
	margin-right: auto !important;
	max-width: 600px;
}*/
div.pages_.catetop_.recipe_.top_ div.bnr_ttl_.pro_ {
	padding:0 0 10px 0 !important; margin:0 0 10px 0 !important; border-bottom:#CCC 1px solid;
	background: url(../../img/pages/recipe/index/bg_pro_sp.jpg) left bottom no-repeat !important; background-size:contain !important; overflow:hidden;}
div.pages_.catetop_.recipe_.top_ div.bnr_ttl_.pro_ h2 { padding:10px 0 0 0 !important; background:#fff !important;}
div.pages_.catetop_.recipe_.top_ div.clm2_ ul.lst_left_ {
	padding:10px !important; margin:0 0 10px 0 !important; border:#FFCC00 5px solid; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
div.pages_.catetop_.recipe_.top_ div.clm2_ ul.lst_right_ {
	padding:10px !important; margin:0 0 10px 0 !important; border:#E62614 5px solid; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
div.pages_.catetop_.recipe_.top_ div.bnr_ttl_.family_ a {
	padding:0 10px !important; margin:0 0 10px 0 !important; border:#CCC 4px solid;-webkit-border-radius: 5px;
	        border-radius: 5px;
	/*background: url(/cms/sp/img/common/logo_salad_cafe.gif) right bottom no-repeat !important;*/
	-webkit-background-size: 50px !important;
	 background-size: 50px !important; overflow:hidden;
	display: block;}
div.pages_.catetop_.recipe_.top_ div.bnr_ttl_.family_ a .detail_{
	text-align: right;
	margin-bottom: 10px;
	display: block;
	margin-bottom: 10px;
}
div.pages_.catetop_.recipe_.top_ div.bnr_ttl_.family_ h2 { padding:10px 0 0 0 !important;}
div.pages_.catetop_.recipe_.top_ div.bnr_ttl_.family_ .ttl_ { font-weight: bold;}
div.pages_.catetop_.recipe_.top_ div.bnr_ttl_.family_ .subttl_ { padding:10px 0 0 0 !important;font-weight: bold;}
div.pages_.catetop_.recipe_.top_ ul.banners_ li     { width:49% !important;  height:auto !important;}
div.pages_.catetop_.recipe_.top_ ul.banners_ li img { width:100% !important; height:auto !important;}	

div.pages_.catetop_.recipe_.top_ {
	
}

div.pages_.catetop_.recipe_.top_ .sponly_ h2{
	padding-top: 5px;
	padding-bottom: 5px;
}
div.pages_.catetop_.recipe_.top_ .sponly_ h2.member_only_{
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 35px;
	background: url(/cms/sp/img/common/ico_member_only.gif) no-repeat right center;
	-webkit-background-size: 30px;
	     -o-background-size: 30px;
	        background-size: 30px;
}

#sp div.pages_.catetop_.recipe_.top_ .clm2_ li:first-child{
	margin-bottom: 5px;
}
div.pages_.catetop_.recipe_.top_ .sponly_ .subttl_{
	font-size: 12px;
	color: #E92515;
	display: block;
}
div.pages_.catetop_.recipe_.top_.forcms_block div.recipe_.top_ > .sponly_  .ttl_{
	font-weight: bold;
	font-size: 22px;
}
div.pages_.catetop_.recipe_.top_ .sponly_  .ttl_{
	font-size: 20px;
	color: #333;
	display: block;
}
div.pages_.catetop_.recipe_.top_ .sponly_ .txt_{
	font-size: 12px;
	color: #333;
	display: block;
	margin-bottom: 10px;
}

.pages_.catetop_.recipe_.top_ > div.box_salad_{
	-webkit-border-radius: 5px;
	        border-radius: 5px;
	 border: 5px solid #5DB141 !important;
	 padding:0 10px !important;
	 -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	         box-sizing: border-box;
	 margin-bottom: 10px !important;
}
.pages_.catetop_.recipe_.top_ > div.box_salad_ li{
float: none !important;
}
.pages_.catetop_.recipe_.top_ > div.box_salad_ li img{
width: auto !important;
height: auto !important;
float: none !important;
}
/* 業態別ご提案レシピバナー */
#gyoutaibetsu_recipe_banner    { padding:20px 10px 10px 10px; background:#fff;}
#gyoutaibetsu_recipe_banner h2 { padding:0 0 10px 0; text-align:center;}

#gyoutaibetsu_recipe_banner ul li { padding:0 0 10px 0; text-align:center;}



/*このレシピに使用したアイテムはこちら*/
div.pages_ .use_items_ .item_list_ li{
	width: 50%;
	margin-bottom: 10px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
div.pages_ .use_items_ .item_list_ li:nth-of-type(odd){
	float: left;
	padding-right: 5px;
}
div.pages_ .use_items_ .item_list_ li:nth-of-type(even){
	float: right;
	padding-left: 5px;
}
div.pages_ .use_items_ .item_list_ li dt{
	text-align: center;
}
div.pages_ .use_items_ .item_list_ li dt img{
	max-width: 100px;
	max-height: 100px;

}


/*-------------------------------------------------------
季節の特集
-------------------------------------------------------*/
div.pages_.weekly_ .area_ttl h1{
	border-bottom: none;
}
div.pages_.weekly_ .area_ttl h1,
div.pages_.weekly_ .area_cnt_ h3{
border-top: 1px solid #ccc;
}
div.pages_.weekly_ #thisweek .area_cnt_ #item1{
width:auto !important;
text-align: left !important;
}
div.pages_.weekly_ .area_cnt_ ol li{
margin-left: 20px;
margin-top: 2px;
}

div.pages_.weekly_ .area_cnt_ h2.ttl_ +p+p{font-size:12px;display: none;}
div.pages_.weekly_ .area_cnt_ h2.ttl_ ~p>span>a>img,
div.pages_.weekly_ .area_cnt_ h2.ttl_ ~p img{ width:auto !important;height:auto !important;max-width:100px !important;max-height:100px !important;}
div.pages_.weekly_ .area_cnt_ h2.ttl_ ~ div{
	margin-top: 10px;
}

div.pages_.weekly_ .area_cnt_ .use_items_ .item_list_{
overflow: hidden;
}
div.pages_.weekly_ .area_cnt_ .use_items_ .item_list_ li{
	float: left;
}
/* --------------------------------------------------------------------
	バックナンバー　共通
--------------------------------------------------------------------- */
.backnumber_frame_ {
    width: auto !important;
background:none !important;
}
.backnumber_frame_ img,
#freepage img{
max-width:100%;
height:auto !important;
}
.backnumber_inner_ {
    width: auto !important;
    max-width: 768px;;
/*background:none !important;*/
}
.backnumber_inner_ ul.recipe_list_ li{margin:0 auto !important;}
.backnumber_inner_ p.catch_ {
    width: auto !important;
	height: auto !important;
	padding:10px !important;
	margin:0 !important;
	line-height:1.4;
}
.backnumber_inner_ ul.recipe_list_ {
	padding:10px 0 0 0 !important;
	overflow:hidden;
text-align:center !important;
}
.backnumber_inner_ ul.recipe_list_ li {
	width:195px;
	height:245px;
	margin:0 15px 0 0;
	padding:15px 16px 15px 16px;
	float:none !important;
	background:url(../img/usr/backnumber/bg_recipe.png) left top no-repeat;
display: block;
}
@media screen and (min-width:471px)  and (max-width:710px) {
.backnumber_inner_ ul.recipe_list_{
	width: 470px;
	display: block;
	margin: 0 auto;
}
.backnumber_inner_ ul.recipe_list_ li {
	margin:0 10px 0 0 !important;
	float:left !important;
	display: inline-block;
}
.backnumber_inner_ ul.recipe_list_ li:nth-of-type(even) {
	margin:0 !important;
}
}
@media screen and (min-width:711px){
.backnumber_inner_ ul.recipe_list_{
	width: 710px;
	display: block;
	margin: 0 auto;

}

.backnumber_inner_ ul.recipe_list_ li {
	margin:0 10px 0 0 !important;
	float:left !important;
	display: inline-block;
}
.backnumber_inner_ ul.recipe_list_ li:nth-of-type(3n) {
	margin:0 !important;
}
}

.backnumber_inner_ ul.recipe_list_ li .image_ {
    width: 195px;
    height: 124px;
    margin: 0 0 22px;
}
.backnumber_inner_ ul.recipe_list_ li .image_ img { width:195px;}
.backnumber_inner_ ul.recipe_list_ li .name_ {
    border-bottom: 2px dotted #F27B53;
    font-weight: bold;
    height: 25px;
    margin: 0 0 12px;
    padding: 0 0 17px;
    text-align: center;
    width: 195px;
}
.backnumber_inner_ ul.recipe_list_ li .intro_  { height:60px; margin:0 0 5px 0; font-size:11px;}
.backnumber_inner_ ul.recipe_list_ li .detail_ { text-align:center;}

div.pages_.catetop_.recipe_  .recommend_menu_ h2 span{
	font-weight: bold;
	font-size: 14px;
	background: #4A2008;
	padding: 5px 10px 5px 32px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	color: #FFF;
	display: block;
	position: relative;
}

div.pages_.catetop_.recipe_  .recommend_menu_ h2 span:before{
	content:''; 
	border-radius:30px;
	-webkit-border-radius:30px;
	-moz-border-radius:30px; 
height: 8px;
width: 8px;
display: block;
position: absolute;
top: 7px;
left: 9px;
z-index: 1;
border: #fff 4px solid;
	background-color:#4A2008;
}
 


#gyoutaibetsu_recipe_banner  .more_,
div.pages_.catetop_.recipe_.bnr_  .more_,{
	text-align: center;


	margin-bottom: 20px;
	cursor: pointer;
}
#gyoutaibetsu_recipe_banner .more_ span,
div.pages_.catetop_.recipe_.bnr_ .more_ span{
	display: none;
}
#gyoutaibetsu_recipe_banner .more_ span.active_,
div.pages_.catetop_.recipe_.bnr_ .more_ span.active_{
	display: block;
	cursor: pointer;
	margin: 10px;
	padding: 10px;
	background: #4A2008;
	color: #FFF;
	-webkit-border-radius: 5px;
	        border-radius: 5px;
	text-align: center;
}


/*  */
.backnumber_frame_#hourensou  { padding: 0 0 5px 0; background:#EDE9C4 !important;}
#hourensou .backnumber_inner_ { background:#EDE9C4 !important;}
#hourensou .backnumber_inner_ ul.recipe_list_ li { margin:0 auto; text-align:center; float:none !important;}
.backnumber_inner_ ul.recipe_list_ li .name_ a   { color:#663300;}
.backnumber_inner_ ul.recipe_list_ li .intro_    { color:#d90000;}

#hakusai .backnumber_inner_{
background:#F3E6D6!important;}




/*  */

@media (max-width:768px){

#sp #pot2016 .backnumber_inner_ ul.recipe_list_ li {
	width:234px;
	height:291px;
	margin:0 auto;
	padding:15px 16px 15px 16px;
	float:left;
	background:url(../img/usr/backnumber/pot2016/1bg_recipe.png) left top no-repeat;
}

#sp #pot2016 .backnumber_inner_ ul.recipe_list_ li .image_ {
    height: 149px;
    margin: 0 0 22px;
    width: 234px;
}
#sp #pot2016 .backnumber_inner_ ul.recipe_list_ li .image_ img {
	width:234px;
}
#sp #pot2016  .backnumber_inner_ ul.recipe_list_ li .name_ {
    border-bottom: 2px dotted #F27B53;
    font-weight: bold;
    height: 30px;
    margin: 0 0 12px;
    padding: 10px 0 17px;
    text-align: center;
    width: 234px;
}

#sp #pot2016 .backnumber_inner_ {
	width: 100%;
	padding:10px 20px 5px 30px;
	margin:0 auto;
}





/*-------------------------------------------------------
　【Contents】企業情報
-------------------------------------------------------*/
div.pages_.catetop_.company_ ul.menu_ li { margin-bottom:10px;}
div.pages_.catetop_.company_ ul.menu_ li.menu02_    { position:relative;}
div.pages_.catetop_.company_ ul.menu_ li.menu02_ ul { position:absolute; bottom:18px; left:20px;}
div.pages_.catetop_.company_ ul.menu_clm3_                  { overflow:hidden;}
div.pages_.catetop_.company_ ul.menu_clm3_ li               { width:49%; float:left; margin-bottom:5px;}
div.pages_.catetop_.company_ ul.menu_clm3_ li:nth-child(2n) { width:49%; float:right;}

/* 事業所・子会社 */
.office_ #map{
	/*display: none;*/
}
.office_ .map_{
padding:0 ;
}

.office_ .map_ .section_{
	margin-bottom: 10px;
	border: 1px solid #ccc;
}

.office_ .map_ h2{

}
.office_ .map_ ul{
margin-bottom: 10px;
}
.office_ .map_ h2{
color: #FFF;
background: #E50014;
position: relative;
}
.office_ .map_ h2 a,
.office_ .map_ h2 span{
	color: #FFF;
	padding: 8px;
	display: block;
}

.office_ .map_ .world_ h2,
.office_ .map_ .cafe_ h2{
background: none;
color: #666;
padding-left: 0;
}


.office_ .map_ .world_ h2 span,
.office_ .map_ .cafe_ h2 span{
background: none;
color: #666;
}

.office_ .map_ h2.cat1_{
background: #E50014;
}
.office_ .map_ h2.cat2_{
background: #21ADE8;
}
.office_ .map_ h2.cat3_{
background: #ACCD04;
}

.office_ .map_ li.cat1_:before{
content: "■";
margin-right: 2px;
color: #E50014;
}
.office_ .map_ li.cat2_:before{
content: "■";
margin-right: 2px;
color: #21ADE8;
}
.office_ .map_ li.cat3_:before{
content: "■";
margin-right: 2px;
color: #ACCD04;
}
.office_ .map_ li.cat4_:before{
content: "●";
margin-right: 2px;
color: #666;
}
.office_ .map_ .section_ ul{
	padding: 5px;
	margin-bottom: 0;
}
.office_ .map_ .section_ li{
	margin-top: 5px;
}
.office_ .map_ .section_ li a{
	padding-top: 2px;
	padding-bottom: 2px;
}

div.office_ h3{
	color: #333;
	background: #eee;
}

#office_for_pc  { display:none;}
div.office_     { 
	background:#fff;
margin: auto auto;
}
div.office_ h2.ttl_ { 
	padding:5px; 
	margin:0; 
	background:#F7F7F7; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px;
}

div.office_ h3      { padding:5px 10px; color:#ffffff; background:#DF2413;}
div.office_ table   {
	width:100%;
	margin-bottom:10px;
}
div.office_ table th {
	width:30%;
	padding:10px;
	font-size:12px;
	font-weight:bold;
	background:#FCFCFC;
	border:1px dotted #CCC;
	border-collapse:collapse;
	text-align:left;
}
div.office_ table td {
	padding:10px;
	font-size:12px;
	font-weight:normal;
	background:#FFF;
	border:1px dotted #CCC;
	border-collapse:collapse;
}
div.office_ table td div,
div.office_ table td span{
	font-size: 12px;
}
.office_ td.add_ span {
display: none;
}
div.office_ div.map_     { margin-bottom:10px;}
div.office_ div.map_ .showmap_ { color: #038BCA;cursor: pointer;}
div.office_ div.map_ div { margin: auto auto;}