@charset "utf-8";
/********************************************************************************

	00. Common Layout
	*共通レイアウト・装飾
	
********************************************************************************/

/* -----------
　ベース
----------- */

html {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	color: #01255e;
	font:14px/1.6 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}


/* -----------
　フォント 
----------- */

/* font-family */

/***** 日本語　sans-serif *****/
.fontFamily5,
.recipeInfo .cookInfo .cookMaterials h5 span,
.contentArea .recipeInfo .cookPoint h5 span,
.rdText span {
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

/***** 日本語　serif *****/
.fontFamily6,
.contentArea .seasonNav li,
.contentArea h3,
.contentArea h4,
.contentArea .recipeInfo .recipeMain .recipeDetail h4,
.contentArea .recipeInfo .cookInfo .cookMaterials h5,
.contentArea .recipeInfo .cookInfo .cookFlow h5,
.topSlide .iosSlider .slider .item .slideDetail h3,
.rdText,
.recruitLead .leadTitle h4,
.recruitLead .leadContent h4,
.corporateContent h4,
.storeInfo .storeTop {
	font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}


/***** 英語　serif *****/
/* Noto Serif */
.fontFamily1,
.commonHead .headInner .navigation .gNav li a span,
.contentArea .topContent h3.infoIcon,
.contentArea .topContent .topRecipe .recipeTitle .recipeNum dd,
.contentArea .topContent .topRecipe .recipeBody .recipeDetail .time span,
.lowerPages .contentTitle h2 span,
.lowerPages .contentTitle2 h2 span,
.seasonNav li span,
.contentArea h3 span,
.contentArea .recipeInfo .cookPoint h5 {font-family: 'Noto Serif', serif;}

/* Cardo*/
.fontFamily2,
.cookFlowList .cookDetail .num,
.topSlide .iosSlider .slider .item .slideNum,
.recruitLead .leadContent h4 span.num,
.branchMenu li span.num {font-family: 'Cardo', serif;}

/***** 英語　sans-serif *****/ 
/* Roboto */
.fontFamily3,
/*.commonFoot .footContent .copyright,*/
.date,
.upDate,
.contactLead .telNum li,
.contentArea .recipePage .recipePageNav li {font-family: 'Roboto', sans-serif; letter-spacing: 1.4px;}

/* Roboto Condensed */
.fontFamily4,
.lowerPages .storeList table td .mapLink,
.pdf {font-family: 'Roboto Condensed', sans-serif;}







/* color */
.fontColor1,
.commonHead .headInner .navigation .gNav li a {color: #01255e;} /*テキストベースカラー*/
.fontColor2,
.commonHead .headInner .navigation .gNav li a span {color: #2261c6;} /*テキストリンクカラー*/
.fontColor3 {color: #fff100;} /*テキストアソートカラー*/

/* -----------
　リンク 
----------- */
/* color */
html a {
	outline:none;
	color: #2261c6;
	text-decoration: none;
}
/* hover */
html a:hover {color: #2261c6;text-decoration: underline;}
.nonDeco:hover,
.commonHead .headInner .navigation .gNav li a:hover,
.contentArea .topContent .topRecipe .recipeBtn:hover,
.topSlide .item a:hover,
.recipeList .recipeContent a:hover,
.seasonNav li a:hover,
.recipeInfo .backRecipeBtn:hover,
.sortRecipe a:hover {text-decoration: none;}

/* -----------
　スマホで画像部分をテキストにする時 
----------- */
.rdText {display:none;}

/********************************************************************************

	01. PC Layout
	*PC用レイアウト 横幅が800px以上
	
********************************************************************************/

/* ----------------------------------------------------

　　共通ヘッダ

---------------------------------------------------- */

.commonHead {
	border-top: 5px solid #13489d;
	background: #ffffff;
	z-index: 100;
}
.commonHead .headInner {
	width: 980px;
	margin: 0 auto;
}
.commonHead .headInner h1 {
	float: left;
}
.commonHead .headInner h1,
.commonHead .headInner h1 img {
	width: 350px;
	height: 95px;
}
.commonHead .headInner .navigation {
	float: right;
}


/* ---------------------------------
　ヘッダ内リンク 
--------------------------------- */
.commonHead {
	padding: 15px 0;
	position: absolute;
	width: 100%;
	box-shadow:rgba(107, 107, 107, 0.6) 0px 0px 25px 0px;
	-webkit-box-shadow:rgba(107, 107, 107, 0.6) 0px 0px 25px 0px;
	-moz-box-shadow:rgba(107, 107, 107, 0.6) 0px 0px 25px 0px;
	border-bottom: 1px solid #c0c7d2;
}
.commonHead .headInner .navigation .headLink {
	padding: 0 10px 18px 0;
}
.commonHead .headInner .navigation .headLink ul {
	float: right;
}
.commonHead .headInner .navigation .headLink ul li {
	float: left;
	font-size: 12px;
	margin-left: 20px;
	position: relative;
}
.commonHead .headInner .navigation .headLink ul li a {
	display: block;
	padding-left: 25px;
}
.commonHead .headInner .navigation .headLink ul li a img.icon {
	position: absolute;
	width: 20px;
	height: 20px;
	left: 0;
	top: 0;
}

/* ---------------------------------
　グローバルナビゲーション 
--------------------------------- */

.commonHead .headInner .navigation .gNav {padding: 5px; margin: 10px 0;}
.commonHead .headInner .navigation .gNav li {
	float: left;
	width: 144px;
}
.commonHead .headInner .navigation .gNav li a {
	display: block;
	text-align: center;
	font-size: 13px;
	letter-spacing: 1.5px;
	line-height: 1;
	border-left: 1px solid #9ba5b5;
	border-right: 1px solid #9ba5b5;
	margin-right: -1px;
}
.commonHead .headInner .navigation .gNav li a span {
	display: block;
	font-size: 12px;
	margin-top: 5px;
}


/* ----------------------------------------------------

　　共通フッタ

---------------------------------------------------- */

.commonFoot {}
.commonFoot .footLink {
	border-bottom: 1px solid #13489d;
	 overflow: hidden;
	position: relative;
}
.commonFoot .footLink ul {
	float: left;
	position: relative;
	left: 50%;
	padding: 20px 0;
}
.commonFoot .footLink ul li {
	float: left;
	position: relative;
	left: -50%;
	border-right: 1px solid #6d8a9b;
	padding: 0 15px;
	line-height: 1;
}
.commonFoot .footLink ul li.last {border-right:0px none;}
.commonFoot .footLink ul li a {color: #6d8a9b;}


.commonFoot .footContent {
	padding: 20px 0;
	width: 980px;
}
/*
.commonFoot .footContent ul,
.commonFoot .footContent li {float: left;}
.commonFoot .footContent li {margin-right: 5px;}
.commonFoot .footContent li a {display:block;}
.commonFoot .footContent li,
.commonFoot .footContent li img {
	width: 145px;
	height: 40px;
}
.commonFoot .footContent .copyright {
	float: right;
	font-size:11px;
	font-weight: 300;
	margin-top: 15px;
}
*/

.footBrandList {width:980px; padding:27px 20px; margin:0 auto;}
.footBrandList ul {margin-left:6px;}
.footBrandList ul li {float:left; margin:0;}
.footBrandList ul li a,
.footBrandList ul li span span {display:block; padding:4px;}
.footBrandList ul li img {width:46px;}
.spFootNav {display:none;}

.commonFoot .footContent {
	width:980px;
	border-top: 1px solid #dfe5e9;
	padding:30px 0 13px 0;
	margin: 18px auto 0;
}
.commonFoot .footContent .zenshoLogo,
.commonFoot .footContent .zenshoLogo img {
	width: 115px;
	height:30px;
}
.commonFoot .footContent .zenshoLogo {margin: 0 auto 20px;}
.commonFoot .footContent .zenshoLogo a {display:block;}
.commonFoot .footContent .copyright {
	color: #333333;
	text-align:center;
	font-size:12px;
	line-height:1;
}

@media screen and (min-width: 0px) and (max-width: 800px) {
	.spFootNav {display:block; padding: 10px;}
	.spFootNav ul {float:left;}
	.spFootNav ul li {float:left; margin:0 0 0 5px;}
	.spFootNav ul li a,
	.spFootNav ul li span {display:block;}
	.spFootNav ul li img {width:40px;}
	.spFootNav .footBtn {
		float:right;
		width:135px;
		height:19px;
		cursor:pointer;
		line-height: 19px;
		font-size:12px;
		margin-top: 10px;
		position:relative;
	}
	.spFootNav .footBtn img.openIcon,
	.spFootNav .footBtn img.closeIcon {
		position:absolute;
		width:40px;
		height:40px;
		right:0;
		top:-10px;
	}
	.spFootNav .footBtn img.openIcon {z-index:11;}
	.spFootNav .footBtn img.closeIcon {z-index:10;}
	.spFootNav .footBtn.active img.openIcon {display:none;}

	
	.footBrandList {width:auto; padding:10px 0 20px; margin:0 10px; border-top: 1px solid #dfe5e9; display:none;}
	.footBrandList ul {margin-left:0;}
	.footBrandList ul li {margin:0 5px 10px;}
	.footBrandList ul li img {width:40px;}
	.footBrandList ul li a,
	.footBrandList ul li span span {display:block; padding:0px;}
	.commonFoot .footContent {width:auto; margin:0 10px; padding-top:16px;}
	.commonFoot .footContent .zenshoLogo,
	.commonFoot .footContent .zenshoLogo img {width:69px; height:18px;}
	.commonFoot .footContent .zenshoLogo {margin: 0 auto 10px;}
	.commonFoot .footContent .copyright {line-height:17px;}
	

}





/* ----------------------------------------------------

　　トップページ

---------------------------------------------------- */

.topPage {
	margin-top: 130px;
	width: 100%;
	z-index: 10;
	position: relative;
	overflow: hidden;
}
.topPage div {
	position: relative;
	z-index: 11;
}

.topPage .mainBgPhoto {
	z-index: 0;
	position: absolute;
	top: -160px;
	left: 40%;
	width: 1000px;
	height: 800px;
}

.topPage .bgPict1 {
	z-index: 0;
	position: absolute;
	bottom: 160px;
	right: 65%;
}
.topPage .bgPict2 {
	z-index: 0;
	position: absolute;
	bottom: -50px;
	left: 65%;
}

/* ---------------------------------
　メインイメージエリア
--------------------------------- */

.topPage .mainV {
	width: 920px;
	height: 320px;
	margin: 0 auto;
	padding: 60px 30px 80px;
	position: relative;
	z-index: 200;
}
.topPage .mainV h2 {
	margin: 0;
}
.topPage .mainV h2,
.topPage .mainV h2 img {width: 370px;}

.topPage .mainV .mainBtn,
.topPage .mainV .mainBtn img {
	width: 280px;
	height: 110px;
	cursor: pointer;
}
.topPage .mainV .mainBtn {
	position: absolute;
	bottom: 80px;
	left: 70px;
}

/* ---------------------------------
　スライダー
--------------------------------- */

.topSlide {
	width: 100%;
	height: 362px;
	position: absolute;
	z-index: 200;
	top: 180px;
	display: none;
}

.topSlide .iosSlider {
	width: 1000px;
	height: 362px;
	margin: 0 auto;
}

/* 左右ナビゲーション */
.topSlide p.nextNav,
.topSlide p.prevNav,
.topSlide p.nextNav img,
.topSlide p.prevNav img {
	width: 50px;
	height: 50px;
	cursor: pointer;
	z-index: 201;
}
.topSlide p.nextNav,
.topSlide p.prevNav {
	position: absolute;
	top: 50%;
	margin-top: -25px;
}
.topSlide p.nextNav {right: 50%; margin-right:-525px;}
.topSlide p.prevNav {left: 50%; margin-left:-525px;}

.topSlide .iosSlider .slider .item,
.topSlide .iosSlider .slider .item a {
	color: #ffffff;
	display: block;
	height: 360px;
}
.topSlide .iosSlider .slider .item {
	width: 980px;
	padding: 0 10px;
}
.topSlide .iosSlider .slider .item a {
	position: relative;
	background: #000000;
	border-radius: 10px;
	overflow: hidden;
	border: 1px solid #ffffff;
}
.topSlide .iosSlider .slider .item .slideNum {display: none;}
.topSlide .iosSlider .slider .item .slidePhoto,
.topSlide .iosSlider .slider .item .slidePhoto img {width: 460px;}
.topSlide .iosSlider .slider .item .slidePhoto {
	position: absolute;
	overflow: hidden;
}
.topSlide .iosSlider .slider .item .slideDetail {padding: 50px 20px 0  490px;}
.topSlide .iosSlider .slider .item .slideDetail h3,
.topSlide .iosSlider .slider .item .slideDetail h3 img {
	width: 465px;
	margin-bottom: 15px;
}
.topSlide .iosSlider .slider .item .slideDetail p.slideText {
	margin-left: 115px;
	line-height: 1.7;
	letter-spacing: 1.5px;
}
.topSlide .iosSlider .slider .item .slideDetail p.slideBtn {
	margin: 35px 0 0 115px;
	display: block;
	text-align: center;
	padding: 10px;
	font-size: 14px;
	width: 160px;
	position: relative;
	background: url(/img/common/bgBlack@.png);
}
.topSlide .iosSlider .slider .item .slideDetail p.slideBtn img.arrow {
	position: absolute;
	width: 7px;
	height: 7px;
	right: 5px;
	bottom: 5px;
}
.topSlide .iosSlider .slider .slide1 a {background: #3295ca;}
.topSlide .iosSlider .slider .slide2 a {background: #e15966;}
.topSlide .iosSlider .slider .slide3 a {background: #67b827;}


.topSlide .slideClose {
	z-index: 201;
	position: absolute;
	width: 95px;
	height: 95px;
	right: 50%;
	top: -10px;
	margin-right: -500px;
}
.topSlide .slideClose img {
	cursor: pointer;
	width: 95px;
	height: 95px;
}



/* ---------------------------------
　メインコンテンツ
--------------------------------- */

.contentArea {
	width: 980px;
	margin: 0 auto;
}
.contentArea .topBanner {
	width: 1000px;
	margin-bottom: 20px;
}
/*zIndex*/
.contentArea .topBanner .contentLink .thumb {z-index: 11;}
.contentArea .topBanner .contentLink dl {z-index: 11;}
.contentArea .topBanner .contentLink img.arrow {z-index: 12;}

.contentArea .topBanner .contentLink {
	width: 311px;
	height: 200px;
	overflow: hidden;
	float: left;
	margin-right: 20px;
	position: relative;
	border-radius: 8px;
	border: 1px solid #ffffff;
	background: #ffffff;
}
.contentArea .topBanner .contentLink .thumb {
	width: 311px;
	margin-top: -15px;
}
.contentArea .topBanner .contentLink a {
	display: block;
	color: #ffffff;
}
.contentArea .topBanner .contentLink dl {
	position: absolute;
	width: 283px;
	bottom: 0;
	left: 0;
	padding: 5px 18px 5px 10px;
}
.contentArea .topBanner .contentLink img.arrow {
	position: absolute;
	width: 7px;
	height: 7px;
	bottom: 10px;
	right: 10px;
}
.contentArea .topBanner .contentLink dl dd,
.contentArea .topBanner .contentLink dl dd img {width: 45px; height: 55px;}
.contentArea .topBanner .contentLink dl dt,
.contentArea .topBanner .contentLink dl dt img {width: 235px;}

.contentArea .topBanner .contentLink dl dt {float:right;}
.contentArea .topBanner .contentLink dl dd {float:left;}
.contentArea .topBanner .contentLink dl dt span {
	font-size:12px;
	border-width: 1px;
	border-style: solid;
	display: inline-block;
	line-height: 12px;
	padding: 2px 5px 3px;
	margin: 0 0 5px 3px;
}


.contentArea .topBanner .content1 dl {background:url(/img/common/bgRed@.png);}
.contentArea .topBanner .content1 dl dt span {color: #ffba87; border-color: #ffba87;}
.contentArea .topBanner .content2 dl {background:url(/img/common/bgGreen@.png);}
.contentArea .topBanner .content2 dl dt span {color: #a4ff61; border-color: #a4ff61;}
.contentArea .topBanner .content3 dl {background:url(/img/common/bgYellow@.png);}
.contentArea .topBanner .content3 dl dt span {color: #fff261; border-color: #fff261;}

/* ---------------------------------
　新着情報
--------------------------------- */

.contentArea .topContent {position: relative; margin-bottom: 20px;}
/*zIndex*/
.contentArea .topContent .information {z-index: 11;}
.contentArea .topContent h3.infoIcon {z-index: 12;}
/* 追加 */
.contentArea .topContent .info_box {z-index: 11;}


.contentArea .topContent h3.infoIcon {
	position: absolute;
	background: #fff100;
	color: #2261c6;
	line-height: 15px;
	font-size: 15px;
	letter-spacing: 1.5px;
	margin: 0;
	padding: 5px 10px 6px 10px;
	top: -10px;
	left: -16px;
}
.contentArea .topContent h3.infoIcon img.icon {
	width: 16px;
	position: absolute;
	bottom: -10px;
	left: 0;
}


.contentArea .topContent .information {
	width: 520px;
	float: left;
	overflow: hidden;
	border-radius: 8px;
	border: 1px solid #13489d;
	background: #ffffff;	
  /* 追加 */
  margin-bottom: 10px;
}
.contentArea .topContent .information .infoTitle {
	border-top: 5px solid #13489d;
	padding: 10px 20px;
}
.contentArea .topContent .information .infoTitle .infoIndex,
.contentArea .topContent .information .infoTitle .infoIndex img {width:240px;}
.contentArea .topContent .information .infoTitle .infoIndex {float: left; margin-top: 5px;}
.contentArea .topContent .information .infoTitle .listBtn {float: right; margin-top: 8px;}
.contentArea .topContent .information .infoTitle .listBtn img.icon {
	display: block;
	width: 20px;
	margin: 0 auto;
}

.contentArea .topContent .information .infoList {
	padding: 10px 20px;
}
.contentArea .topContent .information .infoList li {
	position: relative;
	padding: 0 15px 15px 110px;
	margin-bottom: 15px;
	border-bottom: 1px dashed #adbfca;
}
/*
.contentArea .topContent .information .infoList li span.date {
	color: #2261c6;
	font-size: 13px;
	font-weight: 500;
	position: absolute;
	left: 15px;
	top: 0;
}*/
.contentArea .topContent .information .infoList li p.date {
	color: #2261c6;
	font-size: 13px;
	font-weight: 500;
	position: absolute;
	left: 15px;
	top: 0;
}

.contentArea .topContent .information .infoList li a {
	color: #01255e;
}
/*
.contentArea .topContent .information .infoList li.last {margin-bottom: 0; border: 0px none;}
*/
.contentArea .topContent .information .infoList li p.last {margin-bottom: 0; border: 0px none;}

/* ---------------------------------
　イベントバナー　追加
--------------------------------- */

.contentArea .topContent .info_box {
	width: 520px;
	float: left;
	/*overflow: hidden;
	border-radius: 8px;
	border: 1px solid #13489d;
	background: #ffffff;	*/
}

.contentArea .topContent .info_box .event_b {
  /*padding-top: 10px;*/
  clear: both;
}

.contentArea .topContent .info_box .event_b a {
  transition: 0.3s;
}

.contentArea .topContent .info_box .event_b a:hover {
	opacity: 0.7;
}


/* ---------------------------------
　季節のレシピ
--------------------------------- */
.contentArea .topContent .topRecipe {
	width: 436px;
	position: relative;
	float: right;
	border-radius: 8px;
	border: 1px solid #526e7f;
	border-top-width: 5px;	
	background: #ffffff;
}
/*zIndex*/
.contentArea .topContent .topRecipe {z-index: 11;}
.contentArea .topContent .topRecipe .recipeTitle .recipeNum {z-index: 12;}

.contentArea .topContent .topRecipe .recipeTitle {
	border-bottom: 1px dashed #526e7f;
}
.contentArea .topContent .topRecipe .recipeTitle h3,
.contentArea .topContent .topRecipe .recipeTitle h3 img {width: 290px;}
.contentArea .topContent .topRecipe .recipeTitle h3 {margin-top: -10px; margin-bottom: -10px;}
.contentArea .topContent .topRecipe .recipeTitle .recipeNum {
	position: absolute;
	right: 25px;
	top: -10px;
	background: #fff100;
	border-radius: 500px;
	width: 80px;
	height: 80px;
	padding: 15px;
	text-align: center;
}
.contentArea .topContent .topRecipe .recipeTitle .recipeNum dt {
	font-size: 12px;
	letter-spacing: 1.5px;
	padding: 9px 0 7px;
	margin-bottom: 6px;
	border-bottom: 1px dashed #01255e;
}
.contentArea .topContent .topRecipe .recipeTitle .recipeNum dd {
	font-style: italic;
	font-size: 24px;
	line-height: 1;
	font-weight: 400;
}
.contentArea .topContent .topRecipe .recipeTitle .recipeNum dd span {
	font-style: normal;
	font-size: 33px;
	margin-left: 5px;
	letter-spacing: 1.5px;
}
.contentArea .topContent .topRecipe .recipeBody {padding: 25px 20px 15px;}
.contentArea .topContent .topRecipe .recipeBody a {display: block;}

.contentArea .topContent .topRecipe .recipeBody .recipeThumb {
	float: left;
	width: 200px;
	height: 150px;
	overflow: hidden;
}
.contentArea .topContent .topRecipe .recipeBody .recipeThumb img {width: 200px;}
.contentArea .topContent .topRecipe .recipeBody .recipeDetail {
	float: right;
	width: 175px;
}
.contentArea .topContent .topRecipe .recipeBody .recipeDetail a {display:block;}
.contentArea .topContent .topRecipe .recipeBody .recipeDetail p.upDate {
	font-size: 12px;
	margin-bottom: 10px;
}
.contentArea .topContent .topRecipe .recipeBody .recipeDetail p.upDate span {
	background: #fff100;
	display:inline-block;
	line-height: 1;
	color: #2261c6;
}
.contentArea .topContent .topRecipe .recipeBody .recipeDetail h4 {
	color: #2261c6;
	font-weight: normal;
	font-size:16px;
}
.contentArea .topContent .topRecipe .recipeBody .recipeDetail .time {
	color: #01255e;
	font-size: 13px;
	position: relative;
	padding-left: 95px;
	margin-top: 15px;
	letter-spacing: 1.5px;
}
.contentArea .topContent .topRecipe .recipeBody .recipeDetail .time span {
	font-size: 24px;
	margin: 0 3px;
}
.contentArea .topContent .topRecipe .recipeBody .recipeDetail .time p.timeLabel {
	color: #6ea7ca;
	position: absolute;
	top: 10px;
	left: 0;
	padding: 0 0 0 25px;
}
.contentArea .topContent .topRecipe .recipeBody .recipeDetail .time p.timeLabel img.icon {
	width: 20px;
	position: absolute;
	left: 0;
	top: 0;
}
.contentArea .topContent .topRecipe .vegiList {
	color: #13489d;
	border-top: 1px dashed #01255e;
	padding: 15px 20px;
}
.contentArea .topContent .topRecipe .vegiList h5 {
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 10px;
	letter-spacing: 1.2px;
}
.contentArea .topContent .topRecipe .vegiList ul li {
	border: 1px solid #13489d;
	float: left;
	margin: 0 10px 10px 0;
	display: block;
	padding: 0 8px;
	border-radius: 4px;
}
.contentArea .topContent .topRecipe .recipeBtn {
	color: #ffffff;
	background: #526e7f;
	display: block;
	text-align: center;
	padding: 15px 0 15px 40px;
	font-size: 15px;
	position: relative;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
}
.contentArea .topContent .topRecipe .recipeBtn .icon {
	width: 50px;
	position: absolute;
	top: 50%;
	margin-top: -15px;
	margin-left: -60px;
}


/* ----------------------------------------------------

　　コンテンツリンク

---------------------------------------------------- */

.contentfootLink {
	background:url(/img/common/bgBlue@.png);
	padding: 20px 0;
}
.contentfootLink ul {
	width: 980px;
	margin: 0 auto;
}
.contentfootLink ul li {
	float: left;
	margin: 0 20px 0 0;
	font-size: 14px;
	text-align: center;
}
.contentfootLink ul li,
.contentfootLink ul li img {width: 230px;}
.contentfootLink ul li.last {margin: 0;}
.contentfootLink ul li img {
	border-radius: 8px;
	border: 1px solid #ffffff;
	display: block;
	margin-bottom: 10px;
}
.contentfootLink ul li a span {
	color: #526e7f;
	letter-spacing: 1.4px;
}


/* ----------------------------------------------------

　　下位層ページ共通

---------------------------------------------------- */

/* ---------------------------------
　パンくず
--------------------------------- */

.lowerPages {
	padding-top: 131px;
}

.lowerPages .bread {
	background: #13489d;
	color: #ffffff;
	padding: 7px 0;
}
.lowerPages .bread ul {
	width: 980px;
	margin: 0 auto;
}
.lowerPages .bread ul li {
	float: left;
	font-size: 12px;
	position: relative;
	padding-right: 30px;
	margin-right: 15px;
}
.lowerPages .bread ul li.home {padding: 0 30px;}

.lowerPages .bread ul li a {color: #ffffff;}
.lowerPages .bread ul li img.breadHome,
.lowerPages .bread ul li img.breadArrow {
	position: absolute;
	width: 20px;
	height: 20px;
	top: -1px;
}
.lowerPages .bread ul li img.breadHome {left: 0px;}
.lowerPages .bread ul li img.breadArrow {right: 0px;}


/* ---------------------------------
　コンテンツタイトル
--------------------------------- */

/*zIndex*/
.lowerPages .contentTitle {z-index: 10;}
.lowerPages .contentTitle h2 {z-index: 11;}
.lowerPages .contentTitle img.mainImgBG {z-index: 10;}

.lowerPages .contentTitle {
	background: #000000;
	color: #ffffff;
	padding: 50px 0 70px;
	position: relative;
	width: 100%;
	overflow: hidden;
}

.lowerPages .contentTitle h2 {
	width: 200px;
	margin: 0 auto;
	text-align: center;
	position: relative;
}
.lowerPages .contentTitle h2 img.mainTitle {
	width: 200px;
	display: block;
}
.lowerPages .contentTitle h2 span {
	font-weight: 400;
	display: block;
	letter-spacing: 1.8px;
	font-size: 13px;
	line-height: 1;
	margin-top: 20px;
}
.lowerPages .contentTitle img.mainImgBG {
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -50%;
	width: 100%;
	min-width: 1200px;
}

/* tsuika */
.lowerPages .contentTitle2 {z-index: 10;}
.lowerPages .contentTitle2 h2 {z-index: 11;}
.lowerPages .contentTitle2 img.mainImgBG {z-index: 10;}

.lowerPages .contentTitle2 {
	background: #000000;
	color: #ffffff;
	padding: 50px 0 70px;
	position: relative;
	width: 100%;
	overflow: hidden;
}

.lowerPages .contentTitle2 h2 {
	width: 400px;
	margin: 0 auto;
	text-align: center;
	position: relative;
}
.lowerPages .contentTitle2 h2 img.mainTitle {
	width: 400px;
	display: block;
}
.lowerPages .contentTitle2 h2 span {
	font-weight: 400;
	display: block;
	letter-spacing: 1.8px;
	font-size: 13px;
	line-height: 1;
	margin-top: 20px;
}
.lowerPages .contentTitle2 img.mainImgBG {
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -50%;
	width: 100%;
	min-width: 1200px;
}




.lowerPages .contentArea .mainLead {padding: 40px 0;}
.lowerPages .contentArea .mainLead h3 {float: left;}
.lowerPages .contentArea .mainLead .leadContent {float: right;}

.lowerPages .contentArea .mainLead h3,
.lowerPages .contentArea .mainLead h3 img {width: 365px;}
.lowerPages .contentArea .mainLead h3 {margin: 8px 0;}
.lowerPages .contentArea .mainLead .leadContent {
	border-left: 1px solid #9ba5b5;
	width: 540px;
	margin-left: 35px;
	padding-left: 35px;
	line-height: 1.8;
}

/* ---------------------------------
　テーブル
--------------------------------- */

.lowerPages .contentArea table {
	width: 100%;
	border-collapse: collapse;
}

.lowerPages .contentArea table th {
	border-left: 1px solid #cacabe;
	border-bottom: 1px solid #cacabe;
	padding: 10px 15px;
	text-align: center;
}

.lowerPages .contentArea table td {
	border-left: 1px solid #cacabe;
	border-top: 1px solid #cacabe;
	padding: 10px 15px;
}

.lowerPages .contentArea table th.name,
.lowerPages .contentArea table td.shopName {
	border-left: 0px none;
}
.lowerPages .contentArea table th.name{width:30%;}
.lowerPages .contentArea table th.add {width:35%;}
.lowerPages .contentArea table th.tel {width:7em;}

.lowerPages .contentArea table th.fax,
.lowerPages .contentArea table td.fax {display:none;}

.lowerPages .contentArea table td.map,
.lowerPages .contentArea table td.tel {text-align:center;}

.lowerPages .contentArea table td.businessHours {
	/*border-left: 1px solid #cacabe;
	border-top: 1px solid #cacabe;*/
	padding: 10px 14px;
}

/* ----------------------------------------------------

　　私たちの特徴

---------------------------------------------------- */

/* ---------------------------------
　3つの強み
--------------------------------- */
.lowerPages .contentArea .ourStrength {
	border-top: 4px #13489d solid;
	padding-top: 20px;
}
.lowerPages .contentArea .ourStrength h4,
.lowerPages .contentArea .ourStrength h4 img {width:400px;}
.lowerPages .contentArea .ourStrength h4 {
	margin: 0 auto 20px;
	position:relative;
}
.lowerPages .contentArea .ourStrength .strengthContent {padding: 15px 0;}
.lowerPages .contentArea .ourStrength .strengthContent .strengthPhoto {
	position: relative;
	width: 400px;
	height: 270px;
	overflow: hidden;
	border-radius: 8px;
}

.lowerPages .contentArea .ourStrength .strengthContent .strengthPhoto .photoMax {
	width: 400px;
}
.lowerPages .contentArea .ourStrength .strengthContent .strengthDetail {
	width: 540px;
}
.lowerPages .contentArea .ourStrength .strengthContent .strengthDetail h5 img {width: 465px;}
.lowerPages .contentArea .ourStrength .strengthContent .strengthDetail h5 {
	border-bottom-style: solid;
	border-bottom-width: 2px;
	padding-bottom: 15px;
	margin: 10px 0 20px 0;
}
.lowerPages .contentArea .ourStrength .strengthContent .strengthDetail p {margin: 0 10px 8px;}

.lowerPages .contentArea .ourStrength .strength-1 .strengthPhoto {float: left;}
.lowerPages .contentArea .ourStrength .strength-1 .strengthPhoto img {margin-top: -35px;}
.lowerPages .contentArea .ourStrength .strength-1 .strengthDetail {float: right;}
.lowerPages .contentArea .ourStrength .strength-1 .strengthDetail h5 {border-color: #3295ca;}

.lowerPages .contentArea .ourStrength .strength-2 .strengthPhoto {float: right;}
.lowerPages .contentArea .ourStrength .strength-2 .strengthPhoto img {margin-top: -45px;}
.lowerPages .contentArea .ourStrength .strength-2 .strengthDetail {float: left;}
.lowerPages .contentArea .ourStrength .strength-2 .strengthDetail h5 {border-color: #e15966;}


.lowerPages .contentArea .ourStrength .strength-3 .strengthPhoto {float: left;}
.lowerPages .contentArea .ourStrength .strength-3 .strengthPhoto img {margin-top: -15px;}
.lowerPages .contentArea .ourStrength .strength-3 .strengthDetail {float: right;}
.lowerPages .contentArea .ourStrength .strength-3 .strengthDetail h5 {border-color: #67b827;}


/* ---------------------------------
　品質への取り組み
--------------------------------- */
/*zIndex*/
.lowerPages .ourQuality h4,
.lowerPages .ourQuality .qualityContent {z-index:11;}
.lowerPages .ourQuality .bgPict1,
.lowerPages .ourQuality .bgPict2 {z-index:10; position: absolute;}
.lowerPages .ourQuality {
	background: #f8f8eb;
	padding: 45px 0 30px;
	position: relative;
	overflow: hidden;
	width: 100%;
}
.lowerPages .ourQuality h4,
.lowerPages .ourQuality h4 img {
	width: 240px;
	position: relative;
}
.lowerPages .ourQuality h4 {
	margin: 0 auto 30px;
}

.lowerPages .ourQuality .qualityContent {
	width: 980px;
	margin: 30px auto 0;
	position: relative;
}
.lowerPages .ourQuality .qualityContent .qualityDetail {
	background: #fffff7;
	padding: 38px 50px;
	border-radius: 8px;
}
.lowerPages .ourQuality .qualityContent .qualityDetail h5 {
	font-size: 17px;
	line-height: 1.6;
	margin-bottom: 10px;
	font-weight: normal;
	color: #2261c6;
}

.lowerPages .ourQuality .quality-1 .qualityPhoto {float: left;}
.lowerPages .ourQuality .quality-1 .qualityDetail {float: right; width: 410px;}

.lowerPages .ourQuality .quality-2 .qualityPhoto {float: right; width: 415px;}
.lowerPages .ourQuality .quality-2 .qualityDetail {float: left; width: 410px;}
.lowerPages .ourQuality .bgPict1 {right:55%; bottom:-150px;}
.lowerPages .ourQuality .bgPict2 {left:55%; top:-150px;}


/* ----------------------------------------------------

　　店舗案内

---------------------------------------------------- */

/* ---------------------------------
　コンテンツタイトル
--------------------------------- */
.lowerPages .storeInfo {width: 840px; padding:20px 0;}
.lowerPages .storeInfo h3 {
	border-top: 3px #13489d solid;
	padding-top: 20px;
	color: #13489d;
	font-size: 20px;
	margin: 0 0 20px 0;
}
/* ---------------------------------
　店舗一覧
--------------------------------- */
.lowerPages .storeList {
	margin: 0 0 30px 0;
	border: 1px solid #01255e;
	border-radius: 8px;
	overflow: hidden;
	position: relative;
}


.lowerPages .storeList table td #remodel {
    background: #13489d;
    color: #fff100;
    padding: 2px 10px;
    font-size: 10px;
    border-radius: 3px;
    vertical-align: middle;
}


.lowerPages .storeList table th {
	border-left: 1px solid #cacabe;
	border-bottom: 1px solid #cacabe;
	padding: 6px 15px;
	text-align: center;
	font-size: 12px;
}
.lowerPages .storeList table td p,storeIcon,
.lowerPages .storeList table td p,branchIcon {display:none;}

.lowerPages .storeInfo .storeTop {
	text-align: center;
	padding: 10px 0;
	font-size: 18px;
	letter-spacing: 1.6px;
}
.lowerPages .storeInfo .storeNav {margin-bottom:20px;}
.lowerPages .storeInfo .storeNav li {
	float: left;
	border-left:1px solid #9ba5b5;
	border-right:1px solid #9ba5b5;
	margin: 0 -1px 10px 0;
	text-align: center;
	width: 166px;
	cursor: pointer;
	padding: 5px 0;
}
.lowerPages .storeInfo .storeNav li a {display:block;}
.lowerPages .storeInfo .storeNav li.current {
	background: #13489d;
	color: #fff100;
}



/* ----------------------------------------------------

　　採用情報

---------------------------------------------------- */

/* ---------------------------------
　コンテンツタイトル
--------------------------------- */
.lowerPages .recruitInfo {width: 840px; padding:20px 0;}
.lowerPages .recruitInfo h3 {
	border-top: 3px #13489d solid;
	padding-top: 20px;
	color: #13489d;
	font-size: 16px;
	margin: 0 0 20px 0;
}
/* ---------------------------------
　リード
--------------------------------- */
.lowerPages .recruitInfo .recruitLead {width: 861px;}
.lowerPages .recruitInfo .recruitLead .leadContent .leadContentInner {
	width: 215px;
	margin: 0 19px 19px 0;
	border: 1px solid #13489d;
	border-radius: 8px;
	padding: 15px 25px 20px;
	color: #13489d;
}

.lowerPages .recruitInfo .recruitLead .leadTitle .recruitPict-1 {
	display: block;
	width: 265px;
	margin:0 50px 30px 0;
	float: left;
	border-radius: 400px;
}
.lowerPages .recruitInfo .recruitLead .leadTitle .titleInner {width: 540px;float:left;}
.lowerPages .recruitInfo .recruitLead .leadTitle h4 {
	font-size: 18px;
	line-height: 2;
	letter-spacing:2px;
	font-weight: normal;
	margin: 20px 0 25px;
}
/*.lowerPages .recruitInfo .recruitLead p.leadTitle br {display:none;}*/
.lowerPages .recruitInfo .recruitLead .leadContent .leadContentInner {float: left; min-height: 130px;}
.lowerPages .recruitInfo .recruitLead .leadContent h4 {
	font-weight: normal;
	font-size: 22px;
	font-style: italic;
	text-align: center;
	line-height: 1;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #13489d;
}
.lowerPages .recruitInfo .recruitLead .leadContent h4 span.num {
	font-size: 30px;
	margin:0 15px 0 -10px;
	line-height: 1;
}
.lowerPages .recruitInfo .recruitContent {margin-bottom:25px;}
.lowerPages .recruitInfo .recruitContent .recruitPict-2 {float:right; width: 450px; margin-top:28px;}
.lowerPages .recruitInfo .recruitContent .careerText {float:left; width:360px;}
.lowerPages .recruitInfo .recruitContent .careerText h4 {
	font-weight: normal;
	font-size: 16px;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #13489d;
}

.lowerPages .recruitInfo .recruitContent .recruitBanner {text-align:center;}
.lowerPages .recruitInfo .recruitContent .recruitBanner li {
	display:inline-block; margin:0 15px; border-radius:8px;
	position:relative;
	overflow: hidden;
	border: 3px solid #007cc3;
}


.lowerPages .recruitTable table th {
	border-top: 1px solid #cacabe;
	border-left: 0px none;
	text-align: left;
	font-size: 13px;
	color: #007cc3;
}
.lowerPages .recruitTable table td {
	border-bottom: 1px solid #cacabe;
}

/* ----------------------------------------------------

　　会社概要／代表挨拶

---------------------------------------------------- */

/* ---------------------------------
　コンテンツタイトル
--------------------------------- */
.lowerPages .corporateInfo {width: 840px; padding:20px 0;}
.lowerPages .corporateInfo h3 {
	border-top: 3px #13489d solid;
	padding-top: 20px;
	color: #13489d;
	font-size: 16px;
	margin: 0 0 20px 0;
}

.lowerPages .corporateInfo .corporateContent {margin-bottom:25px;}
.lowerPages .corporateInfo .corporateContent h4 {
	font-weight: normal;
	font-size: 22px;
	line-height: 1.8;
	text-align: center;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #13489d;
}
.lowerPages .corporateInfo .corporateContent .message {padding: 10px 20px;}
.lowerPages .corporateInfo .corporateContent .message p {margin:5px 0;}
.lowerPages .corporateInfo .corporateContent .message .messagePhoto,
.lowerPages .corporateInfo .corporateContent .message .messagePhoto img {width: 300px;}
.lowerPages .corporateInfo .corporateContent .message .messagePhoto {
	float:right;
	margin: 0 0 30px 30px;
}
.lowerPages .corporateInfo .corporateContent .message .messagePhoto p.name {
	margin-top: 15px;
	font-size: 16px;
	text-align: right;
}
.lowerPages .corporateInfo .corporateContent .message .messagePhoto p.name span {
	display:block;
	font-size: 13px;
}
.lowerPages .corporateInfo .corporateContent .message .messageText {float:left; width: 460px;}

.lowerPages .corporateInfo .corporateTable .crient ul {
	width: 50%;
	float: left;
}

.lowerPages .corporateInfo .corporateTable table th {
	border-top: 1px solid #cacabe;
	border-left: 0px none;
	text-align: left;
	font-size: 13px;
	color: #007cc3;
	width:16.5%;
}
.lowerPages .corporateInfo .corporateTable table td {
	border-bottom: 1px solid #cacabe;
}


/* ----------------------------------------------------

　　出店について

---------------------------------------------------- */

/* ---------------------------------
　コンテンツタイトル
--------------------------------- */
.lowerPages .branchInfo {width: 840px; padding:20px 0;}
.lowerPages .branchInfo h3.indexTitle {
	border-top: 3px #13489d solid;
	padding-top: 20px;
	color: #13489d;
	font-size: 18px;
	margin: 0 0 20px 0;
}

/* ---------------------------------
　リードコンテンツ
--------------------------------- */
.lowerPages .branchInfo .branchContent {margin-bottom: 20px;}
.lowerPages .branchInfo .branchContent .branchPict,
.lowerPages .branchInfo .branchContent .branchPict img {width:400px;}
.lowerPages .branchInfo .branchContent .branchPict {float:right;}

.lowerPages .branchInfo .branchContent .branchMenu {margin-top: 30px;}
.lowerPages .branchInfo .branchContent .branchMenu li {
	border-top: 1px solid #a8c4f2;
}
.lowerPages .branchInfo .branchContent .branchText {float:left; width:440px;}
.lowerPages .branchInfo .branchContent .branchText h3 {
	padding-top: 20px;
	color: #13489d;
	font-size: 20px;
	line-height: 1.8;
	margin: 0 0 20px 0;
	text-align:left;
}
.lowerPages .branchInfo .branchContent .branchMenu li a {
	position: relative;
	font-size: 15px;
	padding: 20px 15px 15px 60px;
	display:block;
}
.lowerPages .branchInfo .branchContent .branchMenu li span.num {
	font-style: italic;
	font-size: 40px;
	font-weight:100;
	letter-spacing: 2px;
	position: absolute;
	line-height:1;
	left:0;
	top: 9px;
}

.lowerPages .branchInfo .branchContent .branchNeeds {padding-top:20px;}
.lowerPages .branchInfo .branchContent .branchNeeds li {
	float: left;
	width: 45.5%;
	text-align: center;
	border:2px solid #13489d;
	color: #13489d;
	border-radius: 8px;
	font-size: 15px;
	padding: 15px 0;
	margin: 0 2% 15px;
	display: block;
}


.lowerPages .branchInfo .branchContent .branchDetail {width: 440px;}
.lowerPages .branchInfo .branchContent .branchDetail h4 {
	font-size: 32px;
	font-weight: normal;
	font-style:italic;
	line-height: 1;
	padding: 10px 0 15px 0;
	border-bottom: 1px solid #01255e;
}
.lowerPages .branchInfo .branchContent .branchDetail h5 {
	font-weight: normal;
	font-size: 16px;
	margin: 20px 0 8px;
	position: relative;
	padding: 0 0 0 25px;
	color: #2261c6;
}
.lowerPages .branchInfo .branchContent .branchDetail h5 img.icon {
	width: 18px;
	height: 18px;
	position: absolute;
	left: 0px;
	top: 4px;
}
.lowerPages .branchInfo .branchDetail-2 img.thumb,
.lowerPages .branchInfo .branchDetail-3 img.thumb {width:360px; border-radius:10px;}
.lowerPages .branchInfo .branchDetail-2 img.thumb {margin-top: 5px;}
.lowerPages .branchInfo .branchDetail-3 img.thumb {margin-top: 75px;}
.lowerPages .branchInfo .branchDetail-2 img.thumb,
.lowerPages .branchInfo .branchDetail-3 .branchDetail {float:left;}
.lowerPages .branchInfo .branchDetail-3 img.thumb,
.lowerPages .branchInfo .branchDetail-2 .branchDetail {float:right;}

.lowerPages .contentArea table th.bisName,
.lowerPages .contentArea table td.bisName {border-left:0px none;}




/* ----------------------------------------------------

　　お問い合わせフォーム

---------------------------------------------------- */

/* ---------------------------------
　コンテンツタイトル
--------------------------------- */
.lowerPages .contactInfo {width: 840px; padding:20px 0;}
.lowerPages .contactInfo h3 {
	border-top: 3px #13489d solid;
	padding-top: 20px;
	color: #13489d;
	font-size: 16px;
	margin: 0 0 20px 0;
}

.lowerPages .contactLead {
	padding: 10px 25px;
	margin-bottom: 25px;
}
.lowerPages .contactLead .telNum {text-align:center; margin: 20px 0 0 0;}
.lowerPages .contactLead .telNum li {
	display: inline-block;
	color: #13489d;
	font-size: 24px;
	margin: 0 20px;
	font-weight:700;
	position: relative;
	padding-left: 50px;
}
.lowerPages .contactLead .telNum li span {
	border: 1px solid #13489d;
	border-radius: 3px;
	margin-right: 10px;
	font-size: 12px;
	line-height: 12px;
	padding: 3px 5px;
	position: absolute;
	margin-top:-10px;
	left: 0;
	top: 50%;
}

/* ---------------------------------
　フォーム
--------------------------------- */

.lowerPages .contactInfo .contactForm dl:before,
.lowerPages .contactInfo .contactForm dl:after {
	content:"";
	display:table;
}

.lowerPages .contactInfo .contactForm dl:after {clear:both;}

/* For IE 6/7 (trigger hasLayout) */
.lowerPages .contactInfo .contactForm dl {zoom:1;}


.lowerPages .contactInfo .contactForm dl {
	border-bottom: 1px solid #cacabe;
}
.lowerPages .contactInfo .contactForm dl dt,
.lowerPages .contactInfo .contactForm dl dd {
	float: left;
	padding: 15px;
}
.lowerPages .contactInfo .contactForm dl dt {width:200px; color:#13489d; position:relative;}
.lowerPages .contactInfo .contactForm dl dd.name input,
.lowerPages .contactInfo .contactForm dl dd.sendTo input,
.lowerPages .contactInfo .contactForm dl dd.inquiry_contents textarea {
	border: 1px solid #acc5ff;
	padding: 10px;
	border-radius: 5px;
}
.lowerPages .contactInfo .contactForm dl dt.must {}
.lowerPages .contactInfo .contactForm dl dt.must .mustIcon {
	display: block;
	color: #dd0000;
	border: 1px solid #dd0000;
	width: 40px;
	padding: 5px 0;
	text-align:center;
	line-height: 1;
	font-size:12px;
	position: absolute;
	right:0;
	top: 14px;
	border-radius: 4px;
}

.lowerPages .contactInfo .contactForm dl dd.sendTo p.sendInput {margin-top:10px;}
.lowerPages .contactInfo .contactForm dl dd.name input {width:150px; margin-right: 15px;}
.lowerPages .contactInfo .contactForm dl dd.sendTo p.sendInput input {width:550px;}
.lowerPages .contactInfo .contactForm dl dd.need label {margin-right: 25px; cursor:pointer;}
.lowerPages .contactInfo .contactForm dl dd.inquiry_contents textarea {width:550px; height: 250px;}

.lowerPages .contactInfo .contactForm .submitButton .sbmitBtn {
	display: block;
	width: 300px;
	letter-spacing: 1.5px;
	border: 0 none;
	background: #13489d;
	color: #ffffff;
	text-align: center;
	margin: 20px auto;
	border-radius: 5px;
	padding: 20px 0;
	font-size: 15px;
	cursor:pointer;
}

/* ----------------------------------------------------

　　季節のレシピ

---------------------------------------------------- */

/* ---------------------------------
　ヘッダタイトル
--------------------------------- */

.lowerPages .recipeTitle {background: url(/img/content/recipeMainBG.jpg);}
.lowerPages .recipeTitle h2,
.lowerPages .recipeTitle h2 img.mainTitle {width: 300px;}

.lowerPages .recipeTitle .recipePict {
	width: 980px;
	height: 200px;
	top: 0;
	left: 50%;
	margin-left: -490px;
	position: absolute;
}
.lowerPages .recipeTitle .recipePict .pict1,
.lowerPages .recipeTitle .recipePict .pict2,
.lowerPages .recipeTitle .recipePict .pict3,
.lowerPages .recipeTitle .recipePict .pict4,
.lowerPages .recipeTitle .recipePict .pict5,
.lowerPages .recipeTitle .recipePict .pict6,
.lowerPages .recipeTitle .recipePict .pict7 {display: block; position: absolute;}
.lowerPages .recipeTitle .recipePict .pict1 {left:180px; bottom:0px; width: 80px;}
.lowerPages .recipeTitle .recipePict .pict2 {left:100px; top:-5px; width: 80px;}
.lowerPages .recipeTitle .recipePict .pict3 {left:290px; bottom:0px; width: 25px;}
.lowerPages .recipeTitle .recipePict .pict4 {left:50px; bottom:0px; width: 60px;}
.lowerPages .recipeTitle .recipePict .pict5 {right:260px; bottom:0px; width: 50px;}
.lowerPages .recipeTitle .recipePict .pict6 {right:155px; bottom:0px; width: 60px;}
.lowerPages .recipeTitle .recipePict .pict7 {right:60px; bottom:0px; width: 40px;}



/* ---------------------------------
　レシピ一覧
--------------------------------- */
.contentArea .recipeList {width: 1000px;}
.contentArea .recipeList .recipeContent {
	padding: 0 20px 20px 0;
	width: 230px;
	float: left;
	position:relative;
}
.contentArea .recipeList .recipeContent a {
	border-radius: 8px;
	border: 1px solid #526e7f;
	border-top-width: 5px;
	overflow: hidden;
	display: block;
}
.contentArea .recipeList .recipeContent .recipeThumb,
.contentArea .recipeList .recipeContent .recipeThumb img {width: 100%;}

.contentArea .recipeList .recipeContent .recipeDetail {padding: 10px 15px;}

.contentArea .recipeList .recipeContent .recipeDetail .upDate {
	font-size: 12px;
	margin: 0 0 5px 0;
}
.contentArea .recipeList .recipeContent .recipeDetail h4 {
	font-size: 16px;
	font-weight: normal;
}

.contentArea .recipeList .recipeContent .vegiList {
	color: #13489d;
	border-top: 1px dashed #01255e;
	padding: 10px 10px 5px 10px;
}
.contentArea .recipeList .recipeContent .vegiList li {
	font-size: 12px;
	border: 1px solid #13489d;
	float: left;
	margin: 0 5px 5px 0;
	display: block;
	padding: 0 8px;
	border-radius: 4px;
}


.contentArea .seasonNav {width: 1000px; margin:20px 0;}
.contentArea .seasonNav li {
	float: left;
	padding:0 0 0 3px;
	width: 240px;
	text-align: center;
	color: #9ba5b5;
	font-size: 16px;
	border-left:1px solid #9ba5b5;
	border-right:1px solid #9ba5b5;
	margin-right: -1px;
	letter-spacing: 2px;
}
.contentArea .seasonNav li span {
	font-size: 12px;
	letter-spacing: 1.5px;
	color: #9ba5b5;
}
.contentArea .seasonNav li a {color: #01255e;}
.contentArea .seasonNav li a span {color: #9ba5b5}

.contentArea .seasonNav li span,
.contentArea .seasonNav li a {display: block;}

.contentArea h3 {
	font-size: 30px;
	font-weight: normal;
	text-align: center;
	letter-spacing: 3px;
	margin: 50px 0 20px;
}
.contentArea h3 span {
	display: block;
	font-size: 14px;
	letter-spacing: 1.5px;
	color: #9ba5b5;
}
.contentArea .sortRecipe {width: 1000px; margin-bottom:20px;}
.contentArea .sortRecipe li {
	float: left;
	padding: 100px 0 0 0;
	margin-right:20px;
	/*cursor: pointer;*/
	width: 180px;
	text-align: center;
	position: relative;
}
.contentArea .sortRecipe li a {display:block;}
.contentArea .sortRecipe li img.icon {
	width: 100px;
	position: absolute;
	left: 50%;
	margin-left:-50px;
	bottom: 25px;
}
.contentArea .sortRecipe li p {border-radius: 100px; display: block; width:140px; margin:0 auto;}
.contentArea .sortRecipe li.springAll p {color: #e94f68; border: 1px solid #e94f68;}
.contentArea .sortRecipe li.red p {color: #d00808; border: 1px solid #d00808;}
.contentArea .sortRecipe li.yellow p {color: #ff9c00; border: 1px solid #ff9c00;}
.contentArea .sortRecipe li.white p {color: #7eb1bc; border: 1px solid #7eb1bc;}
.contentArea .sortRecipe li.green p {color: #3a833f; border: 1px solid #3a833f;}
.contentArea .sortRecipe li.black p {color: #222222; border: 1px solid #222222;}
.contentArea .sortRecipe li.springAll {display:none;}


.contentArea .sortRecipe li.current p {color: #ffffff;}
.contentArea .sortRecipe li.current img.icon {width: 120px;margin-left:-60px;}
.contentArea .sortRecipe li.current.springAll p {background: #e94f68; border: 1px solid #e94f68;}
.contentArea .sortRecipe li.current.red p {background: #d00808; border: 1px solid #d00808;}
.contentArea .sortRecipe li.current.yellow p {background: #ff9c00; border: 1px solid #ff9c00;}
.contentArea .sortRecipe li.current.white p {background: #7eb1bc; border: 1px solid #7eb1bc;}
.contentArea .sortRecipe li.current.green p {background: #3a833f; border: 1px solid #3a833f;}
.contentArea .sortRecipe li.current.black p {background: #222222; border: 1px solid #222222;}

.contentArea h4.colorTitle {
	font-size: 20px;
	font-weight: normal;
	text-align: center;
	letter-spacing: 3px;
	margin: 40px 0 0;
}
.contentArea h4.red {color:#d00808;}
.contentArea h4.yellow {color:#ff9c00;}
.contentArea h4.white {color:#7eb1bc;}
.contentArea h4.green {color:#3a833f;}
.contentArea h4.black {color:#222222;}


.contentArea .recipePage {margin-bottom: 15px;}
.contentArea .recipePage .recipePageNav {float:left;}
.contentArea .recipePage .recipePageNav li {
	display:inline-block;
	cursor:pointer;
	border-radius: 4px;
	border: 1px solid #526e7f;
	color: #526e7f;
	line-height: 24px;
	width: 24px;
	margin-right: 5px;
	text-align: center;
}
.contentArea .recipePage .recipePageNav li.current {background:#526e7f; color:#fff100;}

.contentArea .recipePage .pageInfo {float:right;}
.contentArea .recipePage .pageInfo li {display:none;}







/* ---------------------------------
　レシピ詳細
--------------------------------- */
.contentArea .recipeInfo {
	width: 840px;
	margin: 0 auto;
	padding: 25px 0;
}
.contentArea .recipeInfo .recipeMain .recipeThumb {
	float: left;
	border-radius: 10px;
	border: 4px solid #e0e8f5;
	padding: 1px;
	overflow: hidden;
}
.contentArea .recipeInfo .recipeMain .recipeThumb img {
	width: 410px;
	border-radius: 6px;
}
.contentArea .recipeInfo .recipeMain .recipeDetail {float: right; width: 380px;}
.contentArea .recipeInfo .recipeMain .recipeDetail .upDate {
	font-weight:300;
	font-size: 13px;
	color: #2261c6;
	margin-bottom: 20px;
}


.contentArea .recipeInfo .recipeMain .recipeDetail .time {
	color: #01255e;
	font-size: 13px;
	position: relative;
	padding-left: 95px;
	margin-top: 15px;
	letter-spacing: 1.5px;
}
.contentArea .recipeInfo .recipeMain .recipeDetail .timeLabel {
	color: #6ea7ca;
	position: absolute;
	top: 10px;
	left: 0;
	padding: 0 0 0 25px;
}
.contentArea .recipeInfo .recipeMain .recipeDetail .icon {
	width: 20px;
	position: absolute;
	left: 0;
	top: 0;
}
.contentArea .recipeInfo .recipeMain .recipeDetail .time span {
	font-size: 24px;
	margin: 0 3px;
	font-family: "Noto Serif",serif;
}


.contentArea .recipeInfo .recipeMain .recipeDetail h4 {
	color: #2261c6;
	font-size: 20px;
	letter-spacing: 2px;
	font-weight: normal;
	margin-bottom: 10px;
}
.contentArea .recipeInfo .recipeMain .recipeDetail　.leadText {
	
}
.contentArea .recipeInfo .recipeMain .recipeDetail .vegiList {
	color: #13489d;
	border-top: 1px dashed #01255e;
	padding: 15px 0;
	margin-top: 20px;
}
.contentArea .recipeInfo .recipeMain .recipeDetail .vegiList h5 {
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 10px;
	letter-spacing: 1.2px;
}
.contentArea .recipeInfo .recipeMain .recipeDetail .vegiList ul li {
	border: 1px solid #13489d;
	float: left;
	margin: 0 10px 10px 0;
	display: block;
	padding: 0 8px;
	border-radius: 4px;
}
.contentArea .recipeInfo .cookInfo {
	margin-top: 30px;
}
.contentArea .recipeInfo .cookInfo .cookMaterials {
	float: left;
	width: 370px;
}
.contentArea .recipeInfo .cookInfo .cookFlow {
	float: right;
	width: 420px;
}

.contentArea .recipeInfo .cookInfo .cookMaterials h5,
.contentArea .recipeInfo .cookInfo .cookFlow h5 {
	font-size: 15px;
	letter-spacing: 2px;
	font-weight: normal;
	margin-bottom: 15px;
	border-top: 1px solid #9ba5b5;
	padding-top: 15px;
	text-align: center;
}
.contentArea .recipeInfo .cookInfo .cookMaterials h5 span {
	font-size: 10px;
	display: block;
	margin-top: 5px;
	color: #2261c6;
}
.contentArea .recipeInfo .cookInfo .cookMaterials ul li {
	padding: 10px;
	border-bottom: 1px dashed #cbd3e1;
}
.contentArea .recipeInfo .cookInfo .cookMaterials ul li.last {border-bottom: 0px none;}
.contentArea .recipeInfo .cookInfo .cookMaterials ul li span {float: right; color: #2261c6;}


.contentArea .recipeInfo .cookInfo .cookFlow .cookFlowList {
	border: 1px solid #cbd3e1;
	border-radius: 8px;
	margin-top: 33px;
}

.contentArea .recipeInfo .cookInfo .cookFlow .cookFlowList .cookDetail {
	border-bottom: 1px dashed #cbd3e1;
	position: relative;
	padding: 15px 20px 15px 80px;
}
.contentArea .recipeInfo .cookInfo .cookFlow .cookFlowList .cookDetail .num {
	color: #2261c6;
	position: absolute;
	left: 23px;
	top: 14px;
	letter-spacing: 1.8px;
	font-weight: 400;
	font-style: italic;
	font-size: 24px;
	line-height: 1;
}
.contentArea .recipeInfo .cookInfo .cookFlow .cookFlowList .last {border-bottom: 0px none;}

.contentArea .recipeInfo .cookPoint {
	margin: 20px 0 0 0;
	padding: 20px;
	border-top: 1px solid #9ba5b5;
	border-bottom: 1px solid #9ba5b5;
	background: #fdfcf7;
}
.contentArea .recipeInfo .cookPoint h5 {
	font-weight: 400;
	font-size: 16px;
	letter-spacing: 2.6px;
	text-align: center;
	float: left;
	width: 160px;
	color: #526e7f;
}
.contentArea .recipeInfo .cookPoint h5 span {
	font-size: 11px;
	letter-spacing: 1.8px;
	display: block;
}
.contentArea .recipeInfo .cookPoint h5 .icon {
	width: 80px;
	display: block;
	margin: 0 auto 10px;
}
.contentArea .recipeInfo .cookPoint ul {
	float: right;
	width: 580px;
	border-left: 1px dashed #cbd3e1;
	min-height: 110px;
	padding-left: 30px;
}
.contentArea .recipeInfo .cookPoint ul li {
	position: relative;
	padding: 0 0 15px 30px;
}
.contentArea .recipeInfo .cookPoint ul li .icon {
	position: absolute;
	width: 20px;
	left: 0;
	top: -3px;
}

.contentArea .recipeInfo .backRecipeBtn {
	display: block;
	text-align: center;
	color: #ffffff;
	background: #526e7f;
	border-radius: 10px;
	width: 300px;
	margin: 30px auto;
	padding: 20px;
	font-size: 14px;
}


/* ----------------------------------------------------

　　新着情報

---------------------------------------------------- */

/* ---------------------------------
　ヘッダタイトル
--------------------------------- */

.lowerPages .topicsInfo {
	width:840px;
	margin: 0 auto;
	padding:20px 0;
}
.lowerPages .topicsInfo .infoNav {
	float: right;
	width: 190px;
	border: 1px solid #13489d;
	border-radius: 6px;
	border-top-width: 4px;
}
.lowerPages .topicsInfo .infoNav li {
	border-bottom: 1px solid #13489d;
	text-align: center;
}
.lowerPages .topicsInfo .infoNav li.last {
	border-bottom: 0px none;
}
.lowerPages .topicsInfo .infoNav li a {
	display: block;
	padding: 10px 0;
}
.lowerPages .topicsInfo .information {
	float: left;
	width:580px;
}

.lowerPages .topicsInfo .information h3 {
	border-top: 3px solid #13489d;
	color: #13489d;
	font-size: 16px;
	margin: 0 0 15px;
	padding-top: 15px;
}
.lowerPages .topicsInfo .information .infoList {margin-bottom: 30px;}
.lowerPages .topicsInfo .information .infoList ul li {
	padding: 15px 10px;
	border-top: 1px dashed #adbfca;
	position: relative;
}
.lowerPages .topicsInfo .information .infoList ul li span {
	display:block;
	font-size: 13px;
	color: #2261c6;
	margin-bottom:10px;
}
.lowerPages .topicsInfo .information .infoList ul li a {
	color: #01255e;
}

.lowerPages .topicsInfo .information .infoList ul li .pdf {
	color: #dd0000;
	border-radius: 4px;
	border: 1px #dd0000 solid;
	position: absolute;
	line-height: 1;
	font-weight: 700;
	font-size:11px;
	right:10px;
	top: 18px;
	padding: 2px 4px 2px 6px;
	letter-spacing: 1.5px;
}

/* ----------------------------------------------------

　　サイトマップ

---------------------------------------------------- */
.lowerPages .sitemapInfo {width:800px; margin:30px auto 30px;}
.lowerPages .sitemapInfo ul{margin-bottom: 30px;}
.lowerPages .sitemapInfo ul li {
	padding: 0 0 7px 20px;
	position:relative;
}
.lowerPages .sitemapInfo ul li img.icon {
	position:absolute;
	width:10px;
	height:10px;
	left: 0;
	top: 6px;
}
.lowerPages .sitemapLeft {float:left;}
.lowerPages .sitemapRight {float:right;}
.lowerPages .sitemapLeft,
.lowerPages .sitemapRight {
	width:365px;
	margin: 0 15px;
}
.lowerPages .sitemapLeft h3,
.lowerPages .sitemapRight h3 {
	text-align:left;
	font-size:16px;
	margin:0 0 15px;
	padding:0 0 15px;
	border-bottom:1px solid #13489d;
}

/* ----------------------------------------------------

　　法務関連

---------------------------------------------------- */
.lowerPages .terms .textContent {width:800px; margin:30px auto 30px;}
.lowerPages .terms .textContent h5.heading5 {
	padding-top: 20px;
	color: #13489d;
	font-size: 18px;
	margin:  0 20px 0;
	text-align:center;
	font-weight:normal;
}
.lowerPages .terms h3.indexTitle {
	border-top: 3px #13489d solid;
	padding-top: 20px;
	color: #13489d;
	font-size: 18px;
	margin: 0 auto 20px;
	width:800px;
}
.lowerPages .terms .contactLead {
	width:800px;
	margin:0 auto;
}

.lowerPages .terms .textContent hr {
	border:none;
	border-top:solid 1px #cacabe;
	height:1px;
	color:#ffffff;
	margin: 30px 0;
	clear: both;
}

/* 追加 */
.lowerPages .terms .textContent h5.heading6 {
	padding-top: 20px;
	color: #13489d;
	font-size: 18px;
	margin:  0 20px 0 0;
	text-align:left;
	font-weight:normal;
}






/********************************************************************************

	02. TabletPC Layout
	*タブレット用レイアウト 横幅が980px以下に適用
	

********************************************************************************/

@media screen and (min-width: 0px) and (max-width: 980px) {
/* -----------
　スマホで画像部分をテキストにする時 
----------- */
	.rdText {display:block;}
	
/* ----------------------------------------------------

　　共通ヘッダ

---------------------------------------------------- */
	.commonHead {}
	.commonHead .headInner {width: auto; padding: 0 20px;}
	.commonHead .headInner h1,
	.commonHead .headInner h1 img {width:270px; height: 73px;}
	.commonHead .headInner h1 {margin: -5px 0 10px;}
	
	.commonHead .headInner .navigation {float: none;}
	
	.commonHead .headInner .navigation .headLink ul {margin: 5px 0 0 0;}
	.commonHead .headInner .navigation .headLink ul li {width: 90px;text-align: center; padding: 35px 0 0 0; margin-left:15px;}
	.commonHead .headInner .navigation .headLink ul li a {padding: 0;}
	.commonHead .headInner .navigation .headLink ul li a img.icon {width: 32px; height: 32px; top:3px; left: 50%; margin-left: -16px;}
	
	.commonHead .headInner .navigation .headLink {padding: 0;}
	.commonHead .headInner .navigation .gNav {width:100%; padding: 5px 0 0;}
	.commonHead .headInner .navigation .gNav li {width:25%;}
	
/* ----------------------------------------------------

　　共通フッタ

---------------------------------------------------- */
	.contentfootLink ul {width: 746px; padding: 0; margin:0 auto;}
	.contentfootLink ul li,
	.contentfootLink ul li img {width: 171px;}
	/*.commonFoot .footContent {width: auto; padding: 10px;}*/
	
/* ----------------------------------------------------

　　トップページ

---------------------------------------------------- */
	
	.topSlide {top:195px;}
	.topSlide .slideClose,
	.topSlide .slideClose img {width:80px; height:80px;}
	.topSlide .slideClose {right:5px; top:-5px; margin:0;}
	.topPage .mainV {width:auto;}
	.topPage .mainV h2,
	.topPage .mainV h2 img {width: 320px;}
	.topPage .mainV h2 {margin:40px 0 0 35px;}
	.topSlide p.prevNav {margin-left:0; left:0;}
	.topSlide p.nextNav {margin-right:0; right:0;}
	.topSlide .iosSlider {width:770px;}
	.topSlide .iosSlider .slider .item {width:748px;}
	.topSlide .iosSlider .slider .item .slideNum {
		display: block;
		color: #ffffff;
		position: absolute;
		z-index: 210;
		font-weight: 400;
		font-size: 75px;
		font-style: italic;
		top: 15px;
		right: 35px;
		letter-spacing: 1.3px;
		line-height: 1;
		opacity: 0.3;
	}
	.topSlide .iosSlider .slider .item .slidePhoto {width: 350px;}
	.topSlide .iosSlider .slider .item .slidePhoto img {width: 480px; margin: -20px 0 0 -20px;}
	.topSlide .iosSlider .slider .item .slideDetail {padding:70px 20px 0 380px;}
	.topSlide .iosSlider .slider .item .slideDetail p.slideText {line-height: 2;}
	.topSlide .iosSlider .slider .item .slideDetail p.slideBtn {width:210px; margin:40px auto 0;}
	.topSlide .iosSlider .slider .item .slideDetail h3 img {display:none;}
	.topSlide .iosSlider .slider .item .slideDetail h3 {
		width: auto;
		margin:0;
		font-weight:normal;
		letter-spacing: 2.4px;
		font-size: 24px;
		padding-bottom: 20px;
		margin-bottom: 20px;
		border-bottom: 1px solid #ffffff;
	}
	.topSlide .iosSlider .slider .item .slideDetail h3 p.rdText span {
		display: block;
		letter-spacing: 1.2px;
		font-size: 13px;
		margin: 0 0 10px -8px;
	}
	.topSlide .iosSlider .slider .item .slideDetail p.slideText {margin: 0;}
	
	
	.contentArea {width: 748px; margin: 0 auto;}
	.contentArea .topBanner {width: 780px;}
	.contentArea .topBanner .contentLink {width: 238px; margin-right: 14px;}
	.contentArea .topBanner .contentLink dl,
	.contentArea .topBanner .contentLink dl dt,
	.contentArea .topBanner .contentLink dl dt img {width: 210px;}
	.contentArea .topBanner .contentLink dl {padding:15px 18px 15px 13px;}
	.contentArea .topBanner .contentLink dl dt {float: none;}
	.contentArea .topBanner .contentLink dl dt span {margin-left: 30px; border: 0px none;}
	.contentArea .topBanner .contentLink dl dd,
	.contentArea .topBanner .contentLink dl dd img {width: 30px; height: 37px;}
	.contentArea .topBanner .contentLink dl dd {position: absolute; left: 13px; top: 3px;}
	
	.contentArea .topContent .info_box,
	.contentArea .topContent .information,
	.contentArea .topContent .topRecipe{width: 365px;}
  
  .contentArea .topContent .event_b img{width:365px; height:auto;}
	.contentArea .topContent h3.infoIcon {left: -5px;}
	.contentArea .topContent .information .infoTitle {padding: 10px 20px 0;}
	/*
	.contentArea .topContent .information .infoList li span.date {position:relative; display: block; margin-bottom: 5px; left: 0;}
	*/
	.contentArea .topContent .information .infoList li p.date {position:relative; display: block; margin-bottom: 5px; left: 0;}
	.contentArea .topContent .information .infoList li {padding: 0 5px 15px 5px;}
	.contentArea .topContent .information .infoList li a {display:block;}
	.contentArea .topContent .topRecipe .recipeTitle h3,
	.contentArea .topContent .topRecipe .recipeTitle h3 img {width:260px;}
	.contentArea .topContent .topRecipe .recipeTitle h3 {padding-bottom:10px;}
	.contentArea .topContent .topRecipe .recipeTitle .recipeNum {right: -10px;}
	.contentArea .topContent .topRecipe .recipeBody .recipeThumb,
	.contentArea .topContent .topRecipe .recipeBody .recipeThumb img {width: 325px;}
	.contentArea .topContent .topRecipe .recipeBody .recipeThumb {height: 210px; float:none; margin-bottom: 15px;}
	.contentArea .topContent .topRecipe .recipeBody .recipeDetail {float:none; width: 325px;}
	.contentArea .topContent .topRecipe .recipeBody .recipeDetail .time {margin-top: 0;}
	.contentArea .topContent .topRecipe .recipeBtn {padding: 20px 0 20px 40px;}
	
	
/* ----------------------------------------------------

　　下位層ページ共通

---------------------------------------------------- */

	.lowerPages {padding-top: 169px;}
	.lowerPages .contentArea {width: 698px;}

/* ---------------------------------
　パンくず
--------------------------------- */
	.lowerPages .bread {padding:7px 17px;}
	
	
/* ---------------------------------
　私達の特徴
--------------------------------- */
	.lowerPages .contentArea .mainLead {padding: 30px 0;}
	.lowerPages .contentArea .mainLead h3 {width:305px; margin-top:0; font-size: 18px; text-align: left; color: #13489d;}
	.lowerPages .contentArea .mainLead h3 img {display: none;}
	.lowerPages .contentArea .mainLead .leadContent {width:357px; margin-left:0; padding-left:25px;}
	.lowerPages .contentArea .ourStrength .strengthContent .strengthPhoto {width:270px; border-radius:200px;}
	.lowerPages .contentArea .ourStrength .strengthContent .strengthDetail {width:390px;}
	.lowerPages .contentArea .ourStrength h4 {width:auto; text-align:center;}
	.lowerPages .contentArea .ourStrength h4 p.rdText,
	.lowerPages .contentArea .ourStrength h4 span.rdImg {display: inline-block;}
	.lowerPages .contentArea .ourStrength h4 p.rdText {
		color: #13489d;
		font-weight:normal;
		line-height:1;
		position: relative;
		top:-18px;
		margin-right: 5px;
	}
	.lowerPages .contentArea .ourStrength h4 span.rdImg {position:relative; overflow:hidden; width:180px;}
	.lowerPages .contentArea .ourStrength h4 span.rdImg img {position: relative; right: 208px;}
	.lowerPages .contentArea .ourStrength .strengthContent .strengthDetail h5 {
		font-weight: normal;
		position: relative;
		padding: 15px 0 10px 95px;
	}
	.lowerPages .contentArea .ourStrength .strengthContent .strengthDetail h5 .rdImg {
		position: absolute;
		overflow: hidden;
		width:90px;
		margin:0;
		left: 0;
		top: 0;
	}
	.lowerPages .contentArea .ourStrength .strengthContent .strengthDetail h5 .rdText {font-size:20px; letter-spacing:2.8px;}
	.lowerPages .contentArea .ourStrength .strengthContent .strengthDetail h5 .rdText span {display:block; font-size:13px; margin:0 0 5px -8px; letter-spacing:1.5px;}
	
	.lowerPages .contentArea .ourStrength .strength-1 .strengthDetail h5 {color:#3295ca;}
	.lowerPages .contentArea .ourStrength .strength-2 .strengthDetail h5 {color:#e15966;}
	.lowerPages .contentArea .ourStrength .strength-3 .strengthDetail h5 {color:#67b827;}
	
	.lowerPages .ourQuality .qualityContent {width: 698px;}
	
	.lowerPages .ourQuality .qualityContent .qualityDetail {width:340px; padding:25px 30px;}
	.lowerPages .ourQuality .qualityContent .qualityPhoto {width:280px;}
	
/* ---------------------------------
　採用情報
--------------------------------- */
	.lowerPages .recruitInfo .recruitLead .leadTitle h4 br {display:none;}
	.lowerPages .recruitInfo .recruitLead .leadTitle .titleInner {width:370px;}
	.lowerPages .recruitInfo .recruitLead .leadContent .leadContentInner {padding: 15px 15px 20px; width:188px;}
	.lowerPages .recruitInfo .recruitContent .recruitPict-2 {width:330px;}
	
/* ---------------------------------
　会社概要
--------------------------------- */
	.lowerPages .corporateInfo .corporateContent .message .messagePhoto,
	.lowerPages .corporateInfo .corporateContent .message .messagePhoto img {width: 240px;}
	.lowerPages .corporateInfo .corporateContent .message .messageText {width: 380px;}
	.lowerPages .corporateInfo .corporateTable table th {width: auto;}

/* ---------------------------------
　出店について
--------------------------------- */
	.lowerPages .branchInfo .branchContent .branchPict,
	.lowerPages .branchInfo .branchContent .branchPict img {width:300px;}
	.lowerPages .branchInfo .branchContent .branchText {width: 370px;}
	.lowerPages .branchInfo .branchContent .branchText h3 {font-size: 16px;}
	.lowerPages .branchInfo .branchContent .branchMenu li span.num {font-size:30px; top:12px; left:10px;}
	.lowerPages .branchInfo .branchContent .branchMenu li a {padding:15px 15px 15px 60px;}
	.lowerPages .branchInfo .branchContent .branchNeeds li {width:45%;}
	.lowerPages .branchInfo .branchContent .branchDetail {width:370px;}
	.lowerPages .branchInfo .branchDetail-2 img.thumb,
	.lowerPages .branchInfo .branchDetail-3 img.thumb {width:290px;}

/* ---------------------------------
　季節のレシピ
--------------------------------- */
	.lowerPages .recipeTitle .recipePict .pict1 {bottom: 0; left: 270px; width: 76px;}
	.lowerPages .recipeTitle .recipePict .pict2 {left: 203px; top: -5px; width: 80px;}
	.lowerPages .recipeTitle .recipePict .pict3 {bottom: 0; left: 230px; width: 25px;}
	.lowerPages .recipeTitle .recipePict .pict4 {bottom: 0; left: 140px; width: 60px;}
	.lowerPages .recipeTitle .recipePict .pict5 {bottom: 0; right: 280px; width: 50px;}
	.lowerPages .recipeTitle .recipePict .pict6 {bottom: 0; right: 175px; width: 60px;}
	.lowerPages .recipeTitle .recipePict .pict7 { bottom: 0; right: 130px; width: 40px;}

	.contentArea .seasonNav {width: 100%;}
	.contentArea .seasonNav li {width:170px; font-size:14px;}
	.contentArea .seasonNav li span {font-size:11px;}
	.contentArea h3 {font-size:20px; margin:30px 0 22px;}
	.contentArea .sortRecipe li {width:126px; margin-right:15px;}
	.contentArea .sortRecipe li p {width:126px; font-size:12px;}
	.contentArea .recipeList {width: 100%;}
	.contentArea .recipeList .recipeContent {width: 211px; padding: 0 10px 20px;}
	.contentArea .recipeList .recipeContent .recipeDetail h4 {font-size:14px;}
	
	.contentArea .recipeInfo {width:698px;}
	.contentArea .recipeInfo .recipeMain .recipeThumb img {width:290px}
	.contentArea .recipeInfo .recipeMain .recipeDetail {width:370px;}
	.contentArea .recipeInfo .cookInfo .cookMaterials {width:300px;}
	.contentArea .recipeInfo .cookInfo .cookFlow {width:360px;}
	.contentArea .recipeInfo .cookPoint ul {width:440px;}
	
	
/* ---------------------------------
　新着情報
--------------------------------- */
	.lowerPages .topicsInfo .information {width:460px;}

/* ---------------------------------
　サイトマップ
--------------------------------- */
	.lowerPages .sitemapInfo {width:auto; margin:30px auto 30px;}
	.lowerPages .sitemapLeft,
	.lowerPages .sitemapRight {width:310px; margin:0 10px;}
	
	
	.lowerPages .terms .textContent,
	.lowerPages .terms h3.indexTitle,
	.lowerPages .terms .contactLead {width:auto;}
	
	


}






























/********************************************************************************

	03. SP Layout
	*スマートフォン用レイアウト 横幅が748px以下に適用
	

********************************************************************************/

@media screen and (min-width: 0px) and (max-width: 748px) {


/* ----------------------------------------------------

　　共通ヘッダ

---------------------------------------------------- */

	.commonHead {padding:5px 0 45px;}
	.commonHead .headInner h1,
	.commonHead .headInner h1 img {width:240px; height: 65px;}
	.commonHead .headInner h1 {margin: 0 auto; float: none;}
	.commonHead .headInner h1 a {display:block; margin-left:-5px;}
	.commonHead .headInner {padding:0;}
	
	.commonHead .headInner .navigation .headLink {width:100%; position:absolute; bottom: 5px;}
	.commonHead .headInner .navigation .headLink ul {float:none; margin:0;}
	.commonHead .headInner .navigation .headLink ul li {width:33%; margin: 0; padding:0;}
	.commonHead .headInner .navigation .headLink ul li.headLink1 {margin-left:0.5%;}
	.commonHead .headInner .navigation .headLink ul li.headLink3 {margin-right:0.5%;}
	.commonHead .headInner .navigation .headLink ul li a {width:32px; margin: 0 auto;}
	.commonHead .headInner .navigation .headLink ul li a img.icon {position:relative; top:0; left:0; margin:0;}
	.commonHead .headInner .navigation .headLink ul li span {display: none;}
	.commonHead .headInner .navigation .gNav {margin:0; padding: 14px 0 0;}
	.commonHead .headInner .navigation .gNav li {width: 25%;}
	.commonHead .headInner .navigation .gNav li a {border-right: 0px none; margin-right: 0; font-size:12px;}
	.commonHead .headInner .navigation .gNav li.gNav1 a {border-left: 0px none; letter-spacing: 0.5px;}
	.commonHead .headInner .navigation .gNav li a span {letter-spacing: 1.5px; font-size: 10px;}
	
/* ----------------------------------------------------

　　共通フッタ

---------------------------------------------------- */
	.contentfootLink {padding: 15px 10px 0;}
	.contentfootLink ul {width:auto; padding: 0;}
	.contentfootLink ul li {width: 50%; margin: 0;}
	.contentfootLink ul li img {width:90%; max-width: 200px; margin: 0 auto;}
	.contentfootLink ul li a span {padding: 5px 0 10px; display: block;}
	.commonFoot .footLink {padding: 20px 15px;}
	.commonFoot .footLink ul {
		border:1px solid #6d8a9b;
		border-radius: 8px;
		left:auto;
		padding:0;
		width:100%;
		/*max-width:458px;*/
	}
	.commonFoot .footLink ul li {
		left:auto;
		float:none;
		padding: 0;
		text-align:center;
		border-right: 0px none;
		border-bottom:1px solid #6d8a9b;
	}
	.commonFoot .footLink ul li.last {border-bottom: 0px none;}
	.commonFoot .footLink ul li a {display:block; padding:15px 10px;}
	/*
	.commonFoot .footContent {padding:10px 0 15px;}
	.commonFoot .footContent ul,
	.commonFoot .footContent li,
	.commonFoot .footContent .copyright {float:none; margin-left:auto; margin-right:auto;}
	.commonFoot .footContent li.uvLogo img {margin-left:-10px;}
	.commonFoot .footContent li.zenshoLogo,
	.commonFoot .footContent li.zenshoLogo img {width:90px; height:25px; margin-top:10px;}
	.commonFoot .footContent .copyright {font-size:10px; letter-spacing:1px; text-align:center; margin-top:25px;}
	*/
	
	.topPage .mainBgPhoto {
		width:400px;
		height: 320px;
		left: 50%;
		top: 100px;
		margin-left:-200px;
	}
	
/* ----------------------------------------------------

　　トップページ

---------------------------------------------------- */
	
	.topSlide {top:195px;}
	.topSlide .slideClose,
	.topSlide .slideClose img {width:80px; height:80px;}
	.topSlide .slideClose {right:5px; top:-5px; margin:0;}
	
	.topPage {margin-top: 160px;}
	.topPage .mainV {padding:25px 10px 80px;}
	.topPage .mainV h2,
	.topPage .mainV h2 img {width: 200px;}
	.topPage .mainV h2 {margin: 0 auto;}
	.topPage .mainV h2 img {margin: 0 0 0 5px;}
	.topPage .mainV .mainBtn {left:50%; bottom: 20px; margin-left:-140px;}
	.topPage .mainV .mainBtn img {width:280px; height:110px;}
	
	.topSlide .slideClose {right:1px; top:-33px;}
	.topSlide .iosSlider,
	.topSlide .iosSlider .slider .item,
	.topSlide .iosSlider .slider .item .slidePhoto {width:300px;}
	.topSlide .iosSlider .slider .item .slidePhoto {position: relative;}
	.topSlide .iosSlider .slider .item .slidePhoto img {width:300px; margin: 0;}
	.topSlide .iosSlider .slider .item .slideNum {opacity: 0.8; right:auto; left:10px; top:10px;}
	.topSlide .iosSlider .slider .item .slideDetail {padding:16px 0;}
	
	.topSlide .iosSlider .slider .item .slideDetail h3 img,
	.topSlide .iosSlider .slider .item .slideDetail p.slideText {display:none;}
	
	.topSlide .iosSlider .slider .item .slideDetail h3 {
		width: auto;
		margin:0;
		font-weight:normal;
		letter-spacing: 1.8px;
		font-size: 19px;
		text-align: center;
		border: 0px none;
	}
	.topSlide .iosSlider .slider .item .slideDetail h3 p.rdText span {
		display: block;
		letter-spacing: 1.2px;
		font-size: 13px;
		margin-bottom: 6px;
	}
	.topSlide .iosSlider .slider .item .slideDetail p.slideBtn {
		width: 100%;
		position: absolute;
		bottom: 0;
		margin: 0;
		font-size: 12px;
		padding:8px 0;
	}
	
	.contentArea {width:auto; padding:0 10px;}
	.contentArea .topBanner {width:auto;}
	.contentArea .topBanner .contentLink {
		width: 100%;
		height:100px;
		margin:0 auto 10px auto;
		border:0px none;
		max-width: 460px;
		float:none;
	}
	.contentArea .topBanner .contentLink a {width:100%; height: 100px;}
	.contentArea .topBanner .contentLink .thumb {width:55%; margin-top: -3.5%; position: absolute;}
	.contentArea .topBanner .contentLink dl {width: 45%; height: 100%; padding:0;}
	.contentArea .topBanner .content1 .thumb {left:45%;}
	.contentArea .topBanner .content1 dl {left:0;}
	.contentArea .topBanner .content3 .thumb {left:0;}
	.contentArea .topBanner .content3 dl {left:55%;}
	.contentArea .topBanner .content2 .thumb {left:45%;}
	.contentArea .topBanner .content2 dl {left:0;}
	.contentArea .topBanner .contentLink dl dt {width: 100%; padding:0;}
	.contentArea .topBanner .contentLink dl dt img {display:none;}
	.contentArea .topBanner .contentLink dl dt span {
		color: #ffffff;
		font-size: 14px;
		letter-spacing:1.6px;
		margin:0;
		padding: 15px 0 5px 0;
		display:block;
		line-height:14px;
		text-align:center;
	}
	.contentArea .topBanner .contentLink dl dd {width:100%; position: relative; left: 0; top:0;}
	.contentArea .topBanner .contentLink dl dd img {width:45px; height:55px; margin: 0 auto; display:block;}
	.contentArea .topBanner .contentLink img.arrow {right:5px; bottom:5px;}
	
  .contentArea .topContent .info_box,
	.contentArea .topContent .information,
	.contentArea .topContent .topRecipe{width: auto; max-width:458px; margin:0 auto 15px; float:none;}
  
  /* 追加 */
  	/*.contentArea .topContent .info_box {
      width: auto; max-width:458px; margin:0 auto 15px; float:none;}*/
  .contentArea .topContent .event_b img {width:100%; height: auto;}
	
	.contentArea .topContent h3.infoIcon {left: -7px; padding:5px 10px 6px 10px;}
	.contentArea .topContent h3.infoIcon img.icon {width:7px; height: 10px;}
	.contentArea .topContent .information .infoTitle {padding:5px 10px 0;}
	.contentArea .topContent .information .infoTitle .infoIndex {width:120px; position:relative; overflow:hidden;}
	.contentArea .topContent .topRecipe .recipeTitle .recipeNum {width:72px; height:72px; padding: 11px;}
	.contentArea .topContent .topRecipe .recipeTitle .recipeNum dt {letter-spacing:1px;}
	.contentArea .topContent .topRecipe .recipeTitle .recipeNum dd {font-size:16px;}
	.contentArea .topContent .topRecipe .recipeTitle .recipeNum dd span {font-size:24px;}
	.contentArea .topContent .information .infoList {padding: 0 10px 10px;}
	.contentArea .topContent .topRecipe .recipeTitle {z-index:12;}
	.contentArea .topContent .topRecipe .recipeTitle .recipeNum {top:80px;}
	.contentArea .topContent .topRecipe .recipeBody .recipeThumb {width: 100%; max-width: 320px; margin: 0 auto 10px; position:relative; overflow:hidden;}
	.contentArea .topContent .topRecipe .recipeBody .recipeThumb img {width: 100%;}
	
	.contentArea .topContent .topRecipe .recipeBody {padding: 10px;}
	.contentArea .topContent .topRecipe .recipeBody .recipeDetail {width: auto;}
	.contentArea .topContent .topRecipe .vegiList ul li {font-size: 12px; margin-right: 8px;}
	
	
/* ----------------------------------------------------

　　下位層ページ共通

---------------------------------------------------- */

	.lowerPages {padding-top: 161px;
	word-break: break-all;
	word-wrap: break-word;
    overflow-wrap: break-word;
	}
	.lowerPages .contentArea {width: auto; padding:20px;}
	.lowerPages .contentTitle {padding:25px 0 45px;}
	.lowerPages .contentTitle img.mainImgBG {min-width:900px; width:900px; margin-left:-450px;}
	
	.lowerPages .contentTitle2 {padding:25px 0 45px;}
	.lowerPages .contentTitle2 img.mainImgBG {min-width:900px; width:900px; margin-left:-450px;}
	
	.lowerPages .contentTitle2 h2 {
    width: 350px;
	max-width: 100%;
    margin: 0 auto;
    text-align: center;
    position: relative;
	}
	.lowerPages .contentTitle2 h2 img.mainTitle {
    width: 350px;
	max-width: 100%;
    display: block;
	}

/* ---------------------------------
　パンくず
--------------------------------- */
	.lowerPages .bread {padding:5px 8px;}
	.lowerPages .bread ul li {padding: 0 25px 0 0; margin-right: 10px;}
	.lowerPages .bread ul li.home {padding: 0 25px;}
	
/* ---------------------------------
　テーブル
--------------------------------- */
	.lowerPages .contentArea table th,
	.lowerPages .contentArea table td {display:block;}
	.lowerPages .contentArea table th {border-bottom:0px none; padding:10px 10px 5px;}
	.lowerPages .contentArea table td {border:0px none; padding:0 10px 15px;}
	.lowerPages .contentArea table td.map,
	.lowerPages .contentArea table td.tel {text-align:left;}
	
	
/* ---------------------------------
　私達の特徴
--------------------------------- */
	.lowerPages .contentArea .mainLead h3,
	.lowerPages .contentArea .mainLead .leadContent {float:none; width:auto;}
	.lowerPages .contentArea .mainLead h3 {font-size: 16px;}
	.lowerPages .contentArea .mainLead .leadContent {
		border-left: 0px none;
		border-top: 1px solid #9ba5b5;
		padding: 15px 0 0 0;
		margin-top: 15px;
	}
	.lowerPages .contentArea .ourStrength h4 {margin:0;}
	.lowerPages .contentArea .ourStrength h4 p.rdText {top: -8px;}
	.lowerPages .contentArea .ourStrength h4 span.rdImg {width: 138px; height:28px;}
	.lowerPages .contentArea .ourStrength h4 span.rdImg img {width: 320px; top:-5px; right: 169px;}
	
	.lowerPages .contentArea .ourStrength .strengthContent .strengthPhoto,
	.lowerPages .contentArea .ourStrength .strengthContent .strengthDetail {float:none; width: auto;}
	
	.lowerPages .contentArea .ourStrength .strengthContent .strengthPhoto {width:280px; height:160px; margin:0 auto 15px; border-radius:10px;}
	.lowerPages .contentArea .ourStrength .strengthContent .strengthPhoto .photoMax {width: 100%; margin:-20px 0 0 0;}
	
	.lowerPages .contentArea .ourStrength .strengthContent .strengthDetail h5 {padding: 10px 0 15px; width:;}
	.lowerPages .contentArea .ourStrength .strengthContent .strengthDetail h5 .rdText {font-size:18px; margin:0 10px;}
	.lowerPages .contentArea .ourStrength .strengthContent .strengthDetail h5 .rdText span {margin:0 0 5px -8px;}
	.lowerPages .contentArea .ourStrength .strengthContent .strengthDetail h5 .rdImg {
		width:50px;
		height:50px;
		background: #ffffff;
		border-radius: 100px;
		left:50%;
		top:-195px;
		padding: 10px;
		margin-left:-150px;
	}
	.lowerPages .contentArea .ourStrength .strengthContent .strengthDetail h5 .rdImg img {width:250px; margin:2px;}
	
	.lowerPages .ourQuality .qualityContent,
	.lowerPages .ourQuality .qualityContent .qualityDetail {width:auto;}
	.lowerPages .ourQuality .qualityContent .qualityDetail h5 br {display:none;}
	.lowerPages .ourQuality .qualityContent {padding: 0 20px;}
	.lowerPages .ourQuality .qualityContent .qualityPhoto {margin: 0 auto 10px;}
	.lowerPages .ourQuality .qualityContent .qualityDetail {padding: 15px;}
	
	
/* ---------------------------------
　店舗案内
--------------------------------- */
	.lowerPages .storeList {border:0px none;}
	.lowerPages .storeList table tr {border-top:1px solid #cacabe; padding-top:20px; display:block;}
	.lowerPages .storeList table tr.tableHead {display:none;}
	.lowerPages .storeList table td.shopName {text-align:center; font-size:15px; color:#13489d; font-weight:bold;}
	.lowerPages .storeList table td.shopName br {display:none;}
	.lowerPages .storeList table td.add,
	.lowerPages .storeList table td.map,
	.lowerPages .storeList table td.tel,
	.lowerPages .storeList table td.businessHours,

	.lowerPages .storeList table td.fax {padding-left: 80px; position:relative;}
	.lowerPages .storeList table td p.storeIcon {
		display:block;
		position: absolute;
		left:0;
		border-radius: 3px;
		border:1px solid #13489d;
		color: #13489d;
		font-weight:bold;
		width: 60px;
		font-size:12px;
		text-align: center;
	}
	.lowerPages .storeInfo h3 {font-size: 15px;}


	
/* ---------------------------------
　採用情報
--------------------------------- */
	.lowerPages .recruitInfo .recruitLead,
	.lowerPages .recruitInfo .recruitLead .leadTitle .titleInner,
	.lowerPages .recruitInfo .recruitLead .leadContent .leadContentInner,
	.lowerPages .recruitInfo .recruitContent {width:auto;}
	.lowerPages .recruitInfo .recruitLead .leadTitle .recruitPict-1 {width:200px; float:none; margin: 0 auto;}
	.lowerPages .recruitInfo .recruitLead .leadTitle .titleInner {float:none; margin-bottom: 20px;}
	.lowerPages .recruitInfo .recruitLead .leadTitle h4 {line-height: 1.5;}
	.lowerPages .recruitInfo .recruitLead .leadContent .leadContentInner {min-height:0; height:auto; margin: 0 0 20px; float:none; display:block;}
	.lowerPages .recruitInfo .recruitContent .recruitPict-2 {float:none; margin:0 auto 30px; width:auto; width:100%; max-width:400px; display:block;}
	.lowerPages .recruitInfo .recruitContent .careerText {float:none; width:auto;}
	.lowerPages .recruitInfo .recruitContent .recruitBanner li {display:block; margin:0 0 20px 0;}
	
	
	/*追加*/
	.lowerPages .recruitInfo .recruitContent .recruitBanner li img {height:auto; /*40px;*/
	 width: 234px;
	}
	.lowerPages .recruitInfo .recruitContent .recruitBanner li{
		border: 3px solid #007cc3;
    width: fit-content;
    margin: 0 auto 10px auto;
    text-align: center;
	}
	
	
/* ---------------------------------
　会社概要
--------------------------------- */
	.lowerPages .corporateInfo .corporateContent h4 {font-size:15px; line-height:1.8;}
	.lowerPages .corporateInfo .corporateContent .message {padding: 10px 5px;}
	.lowerPages .corporateInfo .corporateTable table td {border:0px none;}
	.lowerPages .corporateInfo .corporateTable .crient ul {float: none; width:auto;}
	.lowerPages .corporateInfo .corporateTable .crient ul li {line-height:1.4; margin-bottom:5px;}
	
	.lowerPages .corporateInfo .corporateContent .message .messagePhoto {float: none;}
	.lowerPages .corporateInfo .corporateContent .message .messagePhoto,
	.lowerPages .corporateInfo .corporateContent .message .messagePhoto img {width: 200px; margin: 0 auto 15px;}
	.lowerPages .corporateInfo .corporateContent .message .messageText {float: none; width: auto;}
	
	.lowerPages .storeInfo .storeNav li {width: 32.5%; padding: 5px 0;}


/* ---------------------------------
　出店について
--------------------------------- */
	.lowerPages .branchInfo .branchContent .branchPict,
	.lowerPages .branchInfo .branchContent .branchPict img {width:280px;}
	.lowerPages .branchInfo .branchContent .branchPict {float:none; margin: 0 auto 30px;}
	.lowerPages .branchInfo .branchContent .branchText {float:none; width:auto;}
	.lowerPages .branchInfo .branchContent .branchText h3 {font-size:15px;}
	.lowerPages .branchInfo .branchContent .branchText h3 br {display:none;}
	.lowerPages .branchInfo h3.indexTitle {font-size:14px;}
	.lowerPages .branchInfo .branchContent .branchNeeds li {width:auto; float:none;}
	.lowerPages .branchInfo .branchDetail-2 img.thumb,
	.lowerPages .branchInfo .branchDetail-3 img.thumb {width:280px; float:none; margin: 0 auto 15px;}
	.lowerPages .branchInfo .branchContent .branchDetail {float:none; width:auto;}
	.lowerPages .storeList table td.bisName {
		color: #13489d;
		font-size: 15px;
		font-weight: bold;
		text-align: center;
	}
	.lowerPages .storeList table td.bisNum,
	.lowerPages .storeList table td.bisScale {
		position:relative;
		padding-left:100px;
	}

	.lowerPages .storeList table td p.branchIcon {
		display:block;
		position: absolute;
		left:0;
		border-radius: 3px;
		border:1px solid #13489d;
		color: #13489d;
		font-weight:bold;
		width: 85px;
		font-size:12px;
		text-align: center;
	}
	.lowerPages .storeList table td.bisDev {padding: 30px 10px 15px; position:relative;}
	.lowerPages .storeList table td.bisDev p.branchIcon {top:0;}

/* ---------------------------------
　お問い合わせフォーム
--------------------------------- */
	.lowerPages .contentTitle img.mainImgBG {margin-left:-540px;}
	.lowerPages .contactLead {padding: 10px 0;}
	.lowerPages .contactInfo .contactForm {border-top:2px solid #cacabe;}
	.lowerPages .contactInfo .contactForm dl dt,
	.lowerPages .contactInfo .contactForm dl dd {float:none; padding:15px 0;}
	.lowerPages .contactInfo .contactForm dl dd.name input {width: 100px;}
	.lowerPages .contactInfo .contactForm dl dd.sendTo p.sendInput input,
	.lowerPages .contactInfo .contactForm dl dd.inquiry_contents textarea {width:90%;}
	.lowerPages .contactInfo .contactForm .submitButton .sbmitBtn {width:250px;}
	
/* ---------------------------------
　季節のレシピ
--------------------------------- */
	.lowerPages .recipeTitle {padding:35px 0;}
	.lowerPages .recipeTitle h2,
	.lowerPages .recipeTitle h2 img.mainTitle {width: 260px;}
	
	.lowerPages .recipeTitle .recipePict {height: 140px;}
	.lowerPages .recipeTitle .recipePict .pict1 {bottom: 0; left: 430px; width: 30px;}
	.lowerPages .recipeTitle .recipePict .pict2 {left: 380px; top: -5px; width: 40px;}
	.lowerPages .recipeTitle .recipePict .pict3 {bottom: 0; left: 395px; width: 20px;}
	.lowerPages .recipeTitle .recipePict .pict4 {bottom: 0; left: 340px; width: 30px;}
	.lowerPages .recipeTitle .recipePict .pict5 {bottom: 0; right: 430px; width: 30px;}
	.lowerPages .recipeTitle .recipePict .pict6 {bottom: 0; right: 380px; width: 32px;}
	.lowerPages .recipeTitle .recipePict .pict7 { bottom: 0; right: 340px; width: 20px;}
	
	.contentArea h3.springTitle,
	.contentArea h3.summerTitle,
	.contentArea h3.fallTitle,
	.contentArea h3.winterTitle {margin:0;}
	.contentArea .seasonNav {display:none;}
	.contentArea .recipeList .recipeContent {width:100%; padding: 0 0 10px;}
	.contentArea .recipeList .recipeContent .recipeThumb {
		width:39%;
		max-height: 90px;
		border-radius:5px;
		position: absolute;
		overflow:hidden;
		top: 10px;
		left: 6px;
	}
	.contentArea .recipeList .recipeContent .recipeDetail {min-height: 80px; padding: 10px 15px 10px 45%;}
	.contentArea .recipeList .recipeContent .vegiList {padding:8px 8px 3px 8px;}
	.contentArea .recipeList .recipeContent .vegiList li {padding: 0px 5px;}
	
	.contentArea .sortRecipe li.springAll,
	.contentArea .sortRecipe li p span {display:none;}
	
	.contentArea .sortRecipe {width:100%;}
	.contentArea .sortRecipe li {width:20%; margin:0;}
	.contentArea .sortRecipe li img.icon {width:54px; margin-left:-27px;}
	.contentArea .sortRecipe li.current img.icon {width:70px; margin-left:-35px;}
	.contentArea .sortRecipe li p {width:45px; font-size:14px;}
	
	.contentArea h4.colorTitle {margin: 20px 0;}
	
	.contentArea .recipeInfo {width:100%; max-width: 400px; margin:0 auto;}
	.contentArea .recipeInfo .recipeMain .recipeThumb {width:auto; float:none; margin:0 0 20px 0;}
	.contentArea .recipeInfo .recipeMain .recipeThumb img {width:100%}
	.contentArea .recipeInfo .recipeMain .recipeDetail,
	.contentArea .recipeInfo .cookInfo .cookMaterials,
	.contentArea .recipeInfo .cookInfo .cookFlow,
	.contentArea .recipeInfo .cookPoint h5,
	.contentArea .recipeInfo .cookPoint ul {width:auto; float:none;}
	.contentArea .recipeInfo .cookPoint ul {
		border-left:0px none;
		border-top:1px dashed #cbd3e1;
		padding: 20px 0 0 0;
		margin-top:20px;
	}
	.contentArea .recipeInfo .backRecipeBtn {width:200px;}
	
	
/* ---------------------------------
　新着情報
--------------------------------- */
	.lowerPages .topicsInfo .information,
	.lowerPages .topicsInfo .infoNav {float:none; width:auto;}
	
/* ---------------------------------
　サイトマップ
--------------------------------- */
	.lowerPages .sitemapInfo {width:auto; margin:0;}
	.lowerPages .sitemapLeft,
	.lowerPages .sitemapRight {float:none; width:auto; margin:0 10px;}
	
}

/* ---------------------------------
　インスタグラム
--------------------------------- */
.insta {width: 100%;}


/* ---------------------------------
　個人情報　追加
--------------------------------- */
ul.list-num1{
  counter-reset:list;
  list-style-type:none;
  font: 14px/1.4;
	text-align: left;
	padding-left: 0;
}
ul.list-num1 li{
  position:relative;
  padding: 0 0 0 20px;
  margin: 5px 0px;
  line-height: 1.4;
}

ul.list-num1 li:before{
  counter-increment: list;
  content: counter(list) ".";
  display: block;
  position: absolute;
  left: 0px;
  font-weight: bold;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
	bottom: -50%;
}

.mb10{margin-bottom: 10px;}
.p-mb40{margin-bottom: 40px;}

ul.list-num2{
  counter-reset:list;
  list-style-type:none;
  font: 14px/1.4;
	text-align: left;
}
ul.list-num2 li{
  position:relative;
  padding: 0 0 0 20px;
  margin: 5px 0 0 20px;
  line-height: 1.4;
  text-indent: -20px;
}
ul.list-num2 li span.sp1{
  display: inline-block;
  padding: 0 0 0 10px;
  /*margin: 0 0 0 0;*/
  /*line-height: 1.4;*/
  vertical-align: top;
  text-indent: 0;
}
ul.list-num2 li span.sp2{
  display: inline-block;
  padding: 0 0 0 10px;
  margin: 0 0 40px 0;
  /*line-height: 1.4;*/
  vertical-align: top;
  text-indent: 0;
}
ul.list-num2 li.maru:before{
  content: '';
  display: inline-block;
  position: relative;
  width: 0.5em;
  height: 0.5em;
  background: #13489d;
  border-radius: 50%;
  vertical-align: middle;
  margin-right: 0.8em;
  margin-top: -3px;
}

ul.list-num2 li.maru {
    margin: 5px 0 0 30px;
}

ul.list-num2 li.maru:last-child {
    margin-bottom: 40px;
}