/* .under common ________________________*/
.under #main{
	padding: 0 0 30px 0;
}
.under .entryBody{
	width: 980px;
	margin: 0 auto;
	min-height: 400px;
}
@media screen and (max-width: 768px){
	.under #main{
		padding: 0 0 30px 0;
	}
	.under .entryBody{
		width: 100%;
		margin: 0 auto;
		min-height: 100px;
	}
}
.btn1{
	border-radius: 30px;
}







.slider{
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}
.slider .slides li{
	text-align: center;
}
.flex-control-paging{
	display: block;
	text-align: center;
	padding: 10px 0;
	}
	.flex-control-paging li{
		display: inline-block;
	}
	.flex-control-paging li a{
		display: block;
		width: 12px; height: 12px;
		margin: 0 4px;
		-webkit-border-radius: 10px;
		        border-radius: 10px;
		background: #CCC;
		overflow: hidden; text-indent: 100%; white-space: nowrap;
		-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
	}
	.flex-control-paging li a:hover,
	.flex-control-paging li a.flex-active{
		background: #6c6c6c;
	}


.flex-direction-nav{
	position: static;
}
.flex-direction-nav li{
	position: absolute;
	top: 50%;
	z-index: 998;
}
.flex-direction-nav li.flex-nav-prev{ left: 20px;}
.flex-direction-nav li.flex-nav-next{ right: 20px;}
.flex-direction-nav li a{
	display: block;
	width: 30px; height: 50px;
	-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
	overflow: hidden; text-indent: 100%; white-space: nowrap;
}
.flex-direction-nav li.flex-nav-prev a{ background: url(../img/arrow_l.png) no-repeat;}
.flex-direction-nav li.flex-nav-next a{ background: url(../img/arrow_r.png) no-repeat;}
.flex-direction-nav li a:hover{
	opacity: 0.75;
}


.ol{
	padding-left: 1.6em;
}
.ol li{
	list-style-position: outside;
}
a.tel{
	cursor: default;
}
a.tel:hover{
	opacity: 1;
}



/* .mainv style */
.under #main .mainv {
	width: 100%;
	height: 230px;
	margin-bottom: 32px;
	position: relative;
	text-align: center;
	}
	.under #main .mainv span {
		display: block;
		width: 100%;
		color: #FFF;
		font-weight: bold;
		font-size: 32px;
		font-family: "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
		text-shadow: 0px 0px 3px #000;
		-moz-text-shadow: 0px 0px 3px #000;
		-webkit-text-shadow: 0px 0px 3px #000;
		letter-spacing: 2px;
		position: absolute;
		bottom: 3.2em;
	}
.news #main .mainv{background: url(../img/mainv-news.png) center top no-repeat;}
.passion #main .mainv{background: url(../img/mainv-passion2.png) center top no-repeat;}
	.passion.e17 #main .mainv{background: url(../img/mainv-e172.png) center top no-repeat;}
	.passion.e18 #main .mainv{background: url(../img/mainv-e182.png) center top no-repeat;}
	.passion.e19 #main .mainv{background: url(../img/mainv-e19.png) center top no-repeat;}
	.passion.e20 #main .mainv{background: url(../img/mainv-e202.png) center top no-repeat;}
	.passion.e21 #main .mainv{background: url(../img/mainv-e21.png) center top no-repeat;}
.lineup #main .mainv{background: url(../img/mainv-lineup.png) center top no-repeat;}
	.lineup.p145 #main .mainv{background: url(../img/mainv-p145.png) center top no-repeat;}
	.lineup.p146 #main .mainv{background: url(../img/mainv-p146.png) center top no-repeat;}
	.lineup.p147 #main .mainv{background: url(../img/mainv-p147.png) center top no-repeat;}
	.lineup.p148 #main .mainv{background: url(../img/mainv-p148.png) center top no-repeat;}
.case #main .mainv{background: url(../img/mainv-case.png) center top no-repeat;}
	.case.e149 #main .mainv{background: url(../img/case/mainv-case01.png) center top no-repeat;}
	.case.e150 #main .mainv{background: url(../img/case/mainv-case02.png) center top no-repeat;}
.contact #main .mainv{background: url(../img/mainv-contact.png) center top no-repeat;}
.e166 #main .mainv{background: url(../img/mainv-about.png) center top no-repeat;}
.policy #main .mainv{background: url(../img/mainv-about.png) center top no-repeat;}
.sitemap #main .mainv{background: url(../img/mainv-about.png) center top no-repeat;}

.under.passion #main .mainv,
.under.passion.e17 #main .mainv,
.under.passion.e18 #main .mainv,
.under.passion.e19 #main .mainv,
.under.passion.e20 #main .mainv,
.under.passion.e21 #main .mainv{
	padding-top: 250px;
}
.under.passion #main .mainv span,
.under.passion.e17 #main .mainv span,
.under.passion.e18 #main .mainv span,
.under.passion.e19 #main .mainv span,
.under.passion.e20 #main .mainv span,
.under.passion.e21 #main .mainv span{
	display: inline-block;
	width: auto;
	color: #5A1A2E;
	font-weight: bold;
	font-size: 25px;
	text-shadow: none;
	letter-spacing: 1px;
	position: static;
	bottom: 0;
}
@media screen and (max-width: 767px){
	.under.passion #main .mainv span,
	.under.passion.e17 #main .mainv span,
	.under.passion.e18 #main .mainv span,
	.under.passion.e19 #main .mainv span,
	.under.passion.e20 #main .mainv span,
	.under.passion.e21 #main .mainv span{
		font-size: 18px;
		margin-bottom: 0.5em;
	}
	.under.passion #main .mainv span:before,
	.under.passion.e17 #main .mainv span:before,
	.under.passion.e18 #main .mainv span:before,
	.under.passion.e19 #main .mainv span:before,
	.under.passion.e20 #main .mainv span:before,
	.under.passion.e21 #main .mainv span:before,
	.under.passion #main .mainv span:after,
	.under.passion.e17 #main .mainv span:after,
	.under.passion.e18 #main .mainv span:after,
	.under.passion.e19 #main .mainv span:after,
	.under.passion.e20 #main .mainv span:after,
	.under.passion.e21 #main .mainv span:after
	{
		content:"";
		display: inline-block;
		width: 48px;
		height: 18px;
	}

	.sec-title2:before,
	.sec-title2:after{
		content:"";
		display: inline-block;
		width: 48px;
		height: 18px;
	}
	.under.passion #main .mainv span:before,
	.under.passion.e17 #main .mainv span:before,
	.under.passion.e18 #main .mainv span:before,
	.under.passion.e19 #main .mainv span:before,
	.under.passion.e20 #main .mainv span:before,
	.under.passion.e21 #main .mainv span:before{background-size: auto 18px;}
	.under.passion #main .mainv span:after,
	.under.passion.e17 #main .mainv span:after,
	.under.passion.e18 #main .mainv span:after,
	.under.passion.e19 #main .mainv span:after,
	.under.passion.e20 #main .mainv span:after,
	.under.passion.e21 #main .mainv span:after{background-size: auto 18px;}
}



#breadCrumb,
#breadCrumb2{
	width: 100%;
	background: #F3F3F3;
	border-top: 1px solid #DEDEDE;
	border-bottom: 1px solid #DEDEDE;
	font-size: 12px;
	}
	#breadCrumb ol,
	#breadCrumb2 ol{
		width: 1000px;
		height: 2.6em;
		margin: 0 auto;
		overflow: hidden;
		}
		#breadCrumb li,
		#breadCrumb2 li{
			float: left;
			padding-left: 1em;
			line-height: 2.6em;
			list-style-type: none;
			}
			#breadCrumb li a,
			#breadCrumb2 li a{
				display: block;
				padding: 0 15px 0 0;
				background: url(../img/crumbs.gif) no-repeat right center;
				color: #888;
				-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
			}
			#breadCrumb li a:hover,
			#breadCrumb2 li a:hover{
				color: #222;
			}
			#breadCrumb li:last-child a,
			#breadCrumb2 li:last-child a{
				background: none;
				cursor: default;
			}
			#breadCrumb li:last-child a:hover,
			#breadCrumb2 li:last-child a:hover{
				color: #888;
				opacity: 1;
			}
@media screen and (max-width: 768px){
	#breadCrumb{
		display: none;
	}
	#breadCrumb2{
		display: none;
	}
}




.nextprev{
	padding-top: 3em;
	overflow: hidden;
}
.nextprev .next{
	float: right;
}
.nextprev .prev{
	float: left;
}
@media screen and (max-width: 768px){
	.nextprev{
		padding: 16px 16px 0;
	}
}


/* to contact ________________________*/
.bg02{
 background: #f4ece0;
}
#to-contact{
	padding: 50px 0;
}
#to-contact .wing{
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}

#to-contact .wing::before,
#to-contact .wing::after{
	content: url(../img/line01.png);
}

#to-contact .wing::before{
	display: inline-block;
	margin-right: 20px;
}
#to-contact .wing::after{
	display: inline-block;
	margin-left: 20px;
}

#to-contact .btn1{
	font-size: 20px;
	display: inline-block;
	width: 400px;
	padding: 10px;
	border-radius: 7px;
}
@media screen and (max-width: 768px){
	/* sp to contact ________________________*/
	#to-contact{
		padding: 20px;
	}

	#to-contact .wing{
		font-size: 14px;
	}

	#to-contact .wing::before{
		content: none;
		margin-right: 0px;
	}

	#to-contact .wing::after{
		display: block;
		margin-left: 0px;
		margin-top: 5px;
	}

	#to-contact .btn1{
		width: 100%;
	}

}


/* heading style */
.tit1 {
	background: url(../img/line04.png) repeat-x left center;
	margin-bottom: 30px;
	text-align: center;
	font-size: 24px;
	color: #611a30;
	}
	.tit1 span {
		display: inline-block;
		background: url(../img/title-bg.png) no-repeat 20px center #fff;
		padding: 10px 20px 10px 55px;
	}
.tit2 {
	text-align: center;
	background: url(../img/line01.png) no-repeat center bottom;
	padding: 0px 20px 30px;
	font-size: 24px;
	margin-bottom: 1em;
	}
	.tit2 span {
		background: none;
		padding: 0;
	}
@media screen and (max-width: 768px){
	.tit1,
	.tit2{
		font-size: 18px;
	}
}




/* .news ________________________*/
.list-news{
	margin-bottom: 30px;
}

.list-news li{
	overflow: hidden;
	margin-bottom: 20px;
}

.list-news li span,
.list-news li .onlyTitle,
.list-news li .onlyBody,
.list-news li > a{
	display: inline-block;
	float: left;
	vertical-align: middle;
}

.list-news li .date{
	margin-right: 30px;
	padding: 7px;
	letter-spacing: 1px;
}

.list-news li .cat-label{
	width: 160px;
	padding: 7px 10px;
	margin-right: 30px;
	background: #611a30;
	font-size: 14px;
	letter-spacing: 1px;
	text-align: center;
	color: #fff;
	border-radius: 7px;
}

.list-news li .onlyTitle,
.list-news li .onlyBody,
.list-news li > a{
	width: 65%;
	line-height: 150%;
}

@media screen and (max-width: 768px){
	.list-news li .onlyTitle,
	.list-news li .onlyBody,
	.list-news li > a{
		width: 100%;
		line-height: 150%;
	}
}

/* .passion ________________________*/
/* index */
.passion{}
.passion #main .entryBody *{
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}

.passion .copy{
	padding-top: 42px;
	text-align: center;
}
.passion #main .entryBody .copy *{
	font-family: "游明朝", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif !important;
}
.passion .copy h2{
	font-size: 42px;
	color: #5A1A2E;
	margin-bottom: 15px;
}
.passion.e21 .copy h2{
	line-height: 1.2;
}
.passion .copy h2 span.small{
	font-size: 16px;
	line-height: 0;
}
.passion .copy p{
	margin: 0;
	font-size: 20px;
	line-height: 1.95;
}
.passion.e18 .copy p,
.passion.e17 .copy p,
.passion.e20 .copy p
.passion.e19 .copy p
.passion.e21 .copy p{font-size: 25px;}
@media screen and (max-width: 768px){
	.passion .copy p{
		font-size: 18px;
		padding: 0 12px;
	}
	.passion.e17 .copy p .pc{
		display: block;
	}
}
@media screen and (max-width: 767px){
	.passion .copy{
		padding: 24px 8px 0 8px;
	}
	.passion #main .entryBody .copy *{
		font-family: "游明朝", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif !important;
	}
	.passion .copy h2{
		font-size: 24px;
		margin-bottom: 15px;
	}
	.passion .copy p{
		font-size: 16px;
		line-height: 1.3;
	}
	.passion.e18 .copy p,
	.passion.e17 .copy p,
	.passion.e20 .copy p
	.passion.e19 .copy p
	.passion.e21 .copy p{
		font-size: 15px;
	}
}



.passionList{
	padding: 60px 0;
	overflow: hidden;
}
.passionList li{
	float: left;
	width: 20%;
}
.passionList li img{
	width: 100%;
}
@media screen and (max-width: 768px){
	.passionList{
		padding: 30px 16px 20px 16px;
		text-align: center;
	}
	.passionList li{
		float: none;
		display: inline-block;
		width: 19.5%;
	}
	.passionList li img{
		vertical-align: top;
		width: 100%;
	}
}
@media screen and (max-width: 767px){
	.passionList{
		padding: 20px 0px;
		text-align: center;
	}
	.passionList li{
		width: 49%;
	}
}

.passion .nextprev{
	width: 980px;
	margin: 0 auto;
}
@media screen and (max-width: 768px){
	.passion .nextprev{
		width: 736px;
	}
}
@media screen and (max-width: 767px){
	.passion .nextprev{
		width: 100%;
		padding: 0 12px;
	}
}

/* passion1 */


/* passion1 & passion2 & passion3 & passion4 & passion5 */
.under.e17 .entryBody,
.under.e18 .entryBody,
.under.e20 .entryBody {
    width: 100%;
    min-height: 400px;
}
.under.e17 #main{
	background: url(../img/passion/passion1_01.png) center 200px no-repeat;
}
.under.e20 #main{
	background: url(../img/passion/passion4_01.png) center 200px no-repeat;
}
.passion1,
.passion3,
.passion4,
.passion5{
	padding-top: 47px;
}
.passion2{
	padding-top: 47px;
	width: 100%;
	background: url(../img/passion/passion2_01.png) left bottom no-repeat;
	min-height: 672px;
}
.passion1 .inner,
.passion2 .inner,
.passion4 .inner{
	width: 734px;
	margin: 0 auto;
}
.passion1 .inner > p,
.passion2 .inner > p,
.passion4 .inner > p{
	width: 700px;
	margin: 0 auto 1.5em;
	line-height: 2.2;
}
.passion2 .inner .img{
	position: relative;
}
.passion2 .inner .img .img03{
	position: absolute;
	top: -66px;
	right: -144px;
}
.passion4 .inner .img p{
	margin: 0;
}
.passion4 .inner .img p.tar{
	margin-top: -10px;
	text-align: right;
	padding-right: 15px;
}

@media screen and (max-width: 768px){
	.passion2 .inner .img{
		padding-top: 50px;
		position: relative;
	}
	.passion2 .inner .img .img03{
		position: absolute;
		top: -16px;
		right: -100px;
	}
	.passion3 .imgR{
		text-align: center;
	}
}
@media screen and (max-width: 767px){
	.under.e17 #main{
		background: url(../img/passion/passion1_01.png) center 200px no-repeat;
		-webkit-background-size: 842px auto;
		     -o-background-size: 842px auto;
		        background-size: 842px auto;
	}
	.under.e20 #main{
		background: url(../img/passion/passion4_01.png) left 200px no-repeat;
		-webkit-background-size: 748px auto;
		     -o-background-size: 748px auto;
		        background-size: 748px auto;
	}
	.passion2{
		padding-top: 32px;
		background: url(../img/passion/passion2_01.png) left bottom no-repeat;
		-webkit-background-size: auto 336px;
		     -o-background-size: auto 336px;
		        background-size: auto 336px;
		min-height: 336px;
	}
	.passion1 .inner,
	.passion2 .inner,
	.passion4 .inner{
		width: auto;
		padding: 0 8px;
	}
	.passion1 .inner > p,
	.passion2 .inner > p,
	.passion4 .inner > p{
		width: auto;
		line-height: 1.6;
	}
	.passion1 .inner .img img,
	.passion2 .inner .img img,
	.passion4 .inner .img img{
		max-width: 100%;
	}
	.passion2 .inner .img .img03{
		display: none;
	}
	.passion4 .inner .img p.tar{
		margin-top: -5px;
		text-align: right;
		padding-right: 0px;
	}
	.passion .tel{
		padding: 0 8px;
	}
	.passion .tel img{
		max-width: 100%;
	}
}





.passion #main .imgBox{
	overflow: hidden;
	margin-bottom: 3em;
}
.passion #main .imgBox .imgR{
	float: right;
	max-width: 50%;
}
.passion #main .imgBox .imgR img{
	width: 100%;
}
.passion #main .imgBox .textArea{
	float: left;
	max-width: 48%;
}
/*.passion.e17 .textArea{padding-top: 3em;}*/
/*.passion.e18 .textArea{padding-top: 4em;}*/
.passion.e19 .box1 .textArea{padding-top: 6em;}
.passion.e19 .box2 .textArea{padding-top: 0em;}
/*.passion.e20 .box1 .textArea{padding-top: 8em;}
.passion.e20 .box2 .textArea{padding-top: 6em;}

.passion.e20 .imgBox2{
	overflow: hidden;
}
.passion.e20 .imgBox2 .img{
	width: 50%;
	float: left;
}
.passion.e20 .imgBox2 .img img{
	max-width: 100%;
}*/

/* .e21 */
.e21 article > h2 .small{
	display: inline-block;
	font-size: 0.6em;
	margin-bottom: 0.4em;
}
.ishihara,
.morino{
	display: inline-block;
	background: #000;
	border-radius: 4px;
	line-height: 1;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: 4px 6px 6px 8px;
}
.morino{
	background: #61132C;
}
.e21 .imgArea{
	overflow: hidden;
}
.e21 .imgArea .imgR{
	float: right;
	padding-left: 16px;
}
.e21 .imgArea .imgL{
	float: left;
	padding-right: 16px;
}
.e21 .imgArea .imgR,
.e21 .imgArea .imgL{
	width: 35%;
}
.e21 .imgArea .imgR img,
.e21 .imgArea .imgL img{
	width: 100%;
}

@media screen and (max-width: 768px){
	.passion #main .imgBox{
		overflow: hidden;
		margin-bottom: 0em;
		padding: 0 16px;
	}
	/*.e18 .entryBody section,*/
	/*.e20 .entryBody section,*/
	.e21 .entryBody .sec{
		padding: 0 16px;
	}
	.passion #main .imgBox .imgR{
		float: none;
		max-width: 100%;
	}
	.passion #main .imgBox .imgR img{
		width: auto;
		max-width: 100%;
	}
	.passion #main .imgBox .textArea{
		float: none;
		max-width: 100%;
	}
	/*.passion.e17 .textArea{padding-top: 0em;}*/
	/*.passion.e18 .textArea{padding-top: 0em;}*/
	.passion.e19 .box1 .textArea{padding-top: 0em;}
	.passion.e19 .box2 .textArea{padding-top: 0em;}
	/*.passion.e20 .box1 .textArea{padding-top: 0em;}*/
	/*.passion.e20 .box2 .textArea{padding-top: 0em;}*/
	.e21 .imgArea .imgR{
		float: none;
		padding-left: 0px;
	}
	.e21 .imgArea .imgL{
		float: none;
		padding-right: 0px;
	}
	.e21 .imgArea .imgR,
	.e21 .imgArea .imgL{
		width: 100%;
		text-align: center;
	}
	.e21 .imgArea .imgR img,
	.e21 .imgArea .imgL img{
		width: auto;
		max-width: 100%;
	}
}

/* .recipe ________________________*/

.recipe{
	margin-bottom: 4em;
	overflow: hidden;
	padding-left: 70px;
}
.recipe li{
	float: left;
	line-height: 1.5;
	text-align: center;
	width: 22%;
	margin-right: 16px;
}
.recipe li img{
	width: 100%;
}
.recipe.c03list{
	padding-left: 105px;
}
.recipe.c03list li{
	float: none;
	display: inline-block;
	width: 30%;
	margin-right: 16px;
	font-size: 14px;
	vertical-align: top;
	margin-bottom: 16px;
}

@media screen and (max-width: 768px){
	.recipe{
		width: 100%;
		padding: 0 16px !important;
		margin-bottom: 0;
	}
	.recipe li{
		float: none;
		text-align: left;
		width: 100% !important;
		padding: 8px 0 !important;
		margin-bottom: 0 !important;
		overflow: hidden;
		line-height: 1.2;
	}
	.recipe li br{
		display: none;
	}
	.recipe li a{
		display: table;
	}
	.recipe li span.img{
		display: table-cell;
		width: 25%;
	}
	.recipe li img{
		width: 100%;
		height: auto;
	}
	.recipe li span.txt{
		display: table-cell;
		width: 75%;
		padding-left: 1em;
		vertical-align: middle;
	}
}


/* .lineup ________________________*/
.lineup{}
.lineupList{
	margin-bottom: 4em;
	overflow: hidden;
	padding-left: 70px;
}
.lineupList li{
	float: left;
	line-height: 1.5;
	text-align: center;
	width: 22%;
	margin-right: 16px;
}
.lineupList li:nth-child(4n){
	margin-right: 0px;
}
.cat .lineupList{
	margin-bottom: 0;
}
.cat .lineupList li,
{
	margin-bottom: 1.5em;
	height: 250px;
}
/*.top .lineupList .list01 li:nth-child(odd){ width: 50%; padding-left: 160px; margin-bottom: 1em;}*/
/*.top .lineupList .list01 li:nth-child(even){ width: 50%; padding-right: 160px; margin-bottom: 1em;}*/
/*.cat .lineupList li:nth-child(1){ width: 33%; padding-left: 0; margin-bottom: 1.5em;}*/
/*.cat .lineupList li:nth-child(2){ width: 33%; padding-right: 0; margin-bottom: 1.5em;}*/

.lineupList li img{
	/*width: 250px;*/
	width: 100%;
	border-radius: 200px;
	border: 2px solid #B98C4E;
}

.lineup.top .lineupList.indexList{
	padding-left: 0;
	text-align: center;
}
.lineup.top .lineupList.indexList li{
	float: none;
	display: inline-block;
	line-height: 1.5;
	text-align: center;
	width: 19%;
	margin-right: 0;
	border-right: 1px solid #ccc;
	padding: 0 16px 10px 16px;
	position: relative;
	background: url(../img/lineup/arrow.png) center bottom no-repeat;
}
.lineup.top .lineupList.indexList li:nth-child(5n){
	border-right: none;
}
.lineup.top .lineupList.indexList li .txt{
	position: absolute;
	display: block;
	text-align: center;
	width: 100%;
	top: 34%;
	left: 0;
	font-weight: bold;
	text-shadow: 0px 0px 4px #FFFFFF;
	font-size: 1.15em;
}
.lineup.top .lineupList.indexList li img{
	/*width: 250px;*/
	border-radius: 0;
	border: none;
}



.lineupList.c05list{
	padding-left: 105px;
}
.lineupList.c05list li{
	float: none;
	display: inline-block;
	width: 16%;
	margin-right: 16px;
	font-size: 14px;
	vertical-align: top;
	margin-bottom: 16px;
}
.lineupList.c05list li:nth-child(4n){
	margin-right: 16px;
}
.lineupList.c05list li:nth-child(5n){
	margin-right: 0px;
}

.lineup.entry #main article{
	/*border-top: 1px solid #611a30;*/
	padding-top: 60px;
}
.lineup.entry #main > #breadCrumb2 ol{
	padding-left: 110px;
}

@media screen and (max-width: 768px){
	.lineupList{
		width: 100%;
		padding: 0 16px !important;
		margin-bottom: 0;
	}
	.lineupList li{
		float: none;
		text-align: left;
		width: 100% !important;
		padding: 8px 0 !important;
		margin-bottom: 0 !important;
		overflow: hidden;
		line-height: 1.2;
	}
	.cat .lineupList li,
	.scene .lineupList li{
		margin-bottom: 0;
		height: auto;
	}
	.lineupList li br{
		display: none;
	}
	.lineupList.indexList li br{
		display: block;
	}
	.lineupList li a{
		display: table;
	}
	.lineupList li span.img{
		display: table-cell;
		width: 25%;
	}
	.lineupList li img{
		width: 100%;
		height: auto;
	}
	.lineupList li span.txt{
		display: table-cell;
		width: 75%;
		padding-left: 1em;
		vertical-align: middle;
	}
	.lineupList.indexList{
		margin-bottom: 2em;
	}
	.lineupList.indexList li{
		float: left;
		display: block;
		width: 48% !important;
		/*max-width: 200px !important;*/
		vertical-align: top;
		text-align: center;
		margin-right: 0 !important;
		margin-bottom: 2em;
	}
	.lineupList.indexList li:nth-child(2n){
		float: right;
	}
	.lineupList.indexList li a{
		display: block;
	}
	.lineupList.indexList li span.img{
		display: block;
		width: 100%;
		margin-bottom: 0.5em;
	}
	.lineupList.indexList li span.txt{
		display: block;
		width: 100%;
		padding-left: 0em;
	}
	.lineup.top .lineupList.indexList li:nth-child(2n){
		border-right: none;
	}
}



.sceneList ul{
	overflow: hidden;
	width: 720px;
	margin: 0 auto;
}

.sceneList li{
	float: left;
	text-align: center;
	margin-bottom: 20px;
}

.sceneList li:first-child,
.sceneList li:nth-child(3){
	margin-right: 20px;
}

.scene .heading{
	padding: 1.5em 0 0 0;
}
.scene .heading h3{
	text-align: center;
	line-height: 1.6;
}
.scene .heading p{
	text-align: center;
	line-height: 1.6;
}

.sceneLineupList{}
.sceneLineupList ul{
	padding-left: 8%;
}
.sceneLineupList li{
	height: 28px;
	line-height: 28px;
	padding-left: 34px;
	margin-bottom: 0.5em;
	background: url(../img/title-bg.png) left center no-repeat;
}
.sceneLineupList li a:hover{
	text-decoration: underline;
}

.sceneLineupList2{
	overflow: hidden;
}
.sceneLineupList2 li{
	float: left;
	width: 33%;
}
.sceneLineupList2 li a{
	display: table;
	height: 80px;
}
.sceneLineupList2 li .img{
	display: table-cell;
	width: 20%;
	vertical-align: middle;
}
.sceneLineupList2 li .img img{
	width: 100%;
}
.sceneLineupList2 li .txt{
	display: table-cell;
	width: 80%;
	vertical-align: middle;
	padding: 0 10px;
}


@media screen and (max-width: 768px){
	.sceneList ul{
		overflow: hidden;
		width: 100%;
		margin: 0 auto;
	}

	.sceneList li{
		float: none;
		width: 100%;
		text-align: center;
		margin-bottom: 10px;
	}

	.sceneList li:first-child,
	.sceneList li:nth-child(3){
		margin-right: 0;
	}

	.scene .heading{
		padding: 0 16px;
	}
	.scene .heading p img{
		max-width: 80%;
	}
	.scene .lineupList{
		margin-bottom: 2em;
	}

	.sceneLineupList2{
		padding: 0 16px;
	}
	.sceneLineupList2 li{
		float: none;
		width: 100%;
		margin-bottom: 10px;
	}
	.sceneLineupList2 li a{
		height: auto;
		font-size: 0.9em;
	}
	.sceneLineupList2 li .img{
		width: 15%;
	}
	.sceneLineupList2 li .txt{
		width: 85%;
		padding: 0 0 0 10px;
	}


}


.product{
	display: table;
}
.product figure{
	display: table-cell;
	width: 50%;
	padding-right: 2%;
	}
	.product figure img{
		width: 100%;
	}

.product .textArea{
	display: table-cell;
	width: 50%;
	padding-left: 2%;
	vertical-align: middle;
}
.material{
	padding-top: 1em;
	margin-bottom: 1.5em;
}
.material .tit1{
	margin-bottom: 10px;
}
.material ul{
	text-align: center;
	}
	.material li{
		height: 30px;
		display: inline-block;
		padding: 0 0.5em;
	}
	.material li img{
		height: 30px;
	}

@media screen and (max-width: 768px){
	.product{
		display: block;
		padding: 0 16px;
	}
	.product figure{
		display: block;
		width: 100%;
		padding-right: 0;
		text-align: center;
		}
		.product figure img{
			width: 80%;
		}

	.product .textArea{
		display: block;
		width: 100%;
		padding-left: 0;
	}
	.material{
		padding-top: 1em;
		margin-bottom: 1.5em;
	}
	.material .tit1{
		margin-bottom: 10px;
	}
	.material ul{
		text-align: center;
		}
		.material li{
			height: 30px;
			display: inline-block;
			padding: 0 0.5em;
		}
		.material li img{
			height: 30px;
		}
}


.lineup.scene .slider{
	width: 660px;
	padding-bottom: 2em;
	display: none;
}
.lineup.scene .flex-direction-nav li{
	margin-top: -15px;
}
.lineup.scene .sec{
	padding-bottom: 2em;
}
.lineup.scene section.slider img{
	width: 660px;
	height: 440px;
	-webkit-border-radius: 8px;
	        border-radius: 8px;
}

@media screen and (max-width: 768px){
		.lineup.scene section.slider {
		    width: 100%;
		}
		.lineup.scene section.slider img {
		    width: 100%;
		    height: auto;
		    -webkit-border-radius: 0px;
		    border-radius: 0px;
		}
		.lineup.scene .slider .flex-direction-nav {
			display: none;
		}
}

/* .case ___________________________*/
.case.entry{}
.case #main .entryBody *{
	/*font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;*/
}
.case.entry .entryBody .sec{
	margin-bottom: 4em;	
}
.case.entry .entryBody ul{
	padding-left: 1.5em;
}
.case.entry .entryBody ul li{
	list-style-type: disc;
	list-style-position: outside;
}

.case.entry .outline div,
.case.entry .method div,
.case.entry .tel div{
	text-align: center;
}
.case.entry .outline ul{
	display: inline-block;
	text-align: left;
}
.case.entry .outline p,
.case.entry .method p,
.case.entry .tel p{
	display: inline-block;
	text-align: left;
}
.case.entry .method p{
	line-height: 1.6;
}
.case.entry .method p .fsb{
	font-weight: bold;
	font-size: 2em;
}
.case.entry .price p{
	width: 700px;
	margin: 0 auto;
}
.case.entry .price .table{
	width: 700px;
	margin: 0 auto 0.5em;
}
.case.entry .price .table th,
.case.entry .price .table td{
	text-align: center;
	width: auto;
	padding: 10px;
	vertical-align: middle;
}
.case.entry .price .table th.wsn,
.case.entry .price .table td.wsn{
	white-space: nowrap;
}
.case.entry .use .imgArea{
	width: 700px;
	margin: 0 auto;
	overflow: hidden;
}
.case.entry .use .imgArea .imgL{
	width: 50%;
	float: left;
}
.case.entry .use .imgArea .imgL img{
	width: 100%;
}
.case.entry .use .imgArea .textArea{
	float: right;
	font-weight: bold;
	width: 50%;
	padding: 85px 0 0 20px;
}
.case.entry .tel p span{
	font-size: 4em;
	line-height: 1.2;
}

@media screen and (max-width: 768px){
	.case.entry .entryBody .sec{
		margin-bottom: 1em;
		padding: 0 16px;
	}
	.case.entry .entryBody .sec img{
		max-width: 100%;
	}
	.case.entry .use .imgArea{
		width: 100%;
	}
	.case.entry .use .imgArea .imgL{
		width: 100%;
		float: none;
	}
	.case.entry .use .imgArea .imgL img{
		width: 100%;
	}
	.case.entry .use .imgArea .textArea{
		float: none;
		width: 100%;
		padding: 0;
	}
	.case.entry .tel p span{
		font-size: 2em;
		line-height: 1.2;
	}
	.case.entry .btn1{
		display: block;
	}
	.case.entry .tel p img{
		max-width: 100%;
	}
	.case.entry img.sp{
		display: inline-block;
	}
}



/* about ___________________________*/
.e166 main figcaption{
	text-align: right;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
	font-size: 1.3em;
}
.e166 .imgArea{
	width: 800px;
	margin: 0 auto;
	overflow: hidden;
}
.e166 .textArea{
}
.e166 .imgR{
	float: right;
}
.e166 .imgArea img{
	width: 280px;
	margin-left: 20px;
	background: url(../img/img_ef001.png) center bottom no-repeat;
	padding-bottom: 8px;
}
.e166 main .imgArea span{
	color: #61132C;
	font-weight: bold;
}
.e166 table.table{
	width: 80%;
	margin: 0 auto;
}
.e166 table.table th,
.e166 table.table td{
	padding-top: 12px;
	padding-bottom: 12px;
	}
	.e166 table.table table{}
	.e166 table.table table th,
	.e166 table.table table td{
		padding: 0;
		border: none;
	}
	.e166 table.table table td.pb{
		padding-bottom: 0.3em;
	}
	.e166 table.table table th{
		font-weight: normal;
		white-space: nowrap;
		text-align: center;
		padding-right: 0.3em;
	}

@media screen and (max-width: 800px){
	.e166 .mainv{
		margin-bottom: 1em;
	}
	.e166 .sec{
		padding: 0 16px;
	}
	.e166 .imgArea{
		width: 100%;
	}
	.e166 .imgR{
		float: none;
	}
	.e166 .imgArea img{
		width: auto;
		margin-left: 0px;
		background: none;
		padding-bottom: 0px;
		width: 100%;
	}
	.e166 figcaption{
		margin-bottom: 1rem;
	}
	.e166 table.table{
		width: 100%;
	}
	.e166 table.table th,
	.e166 table.table td{
		display: block;
		padding: 5px 10px;
		width: 100%;
	}
	.e166 table.table th{
		padding-top: 20px;
	}
	.e166 table.table td{
		border-bottom: 1px solid;
	}
	.e166 .btn{
		margin-bottom: 1em;
	}
} /*@media*/



/* policy ___________________________*/
.policy{}
.policy .section{
	width: 800px;
	margin: 0 auto;
	padding-bottom: 4em;
}
.policy .section h2{
	font-size: 1.3em;
	font-weight: bold;
	margin-top: 2em;
}
@media screen and (max-width: 800px){
	.policy .section{
		width: 100%;
		padding: 0 8px;
	}
}


/* sitemap ___________________________*/
.sitemap{}
.sitemap article{
	padding-bottom: 4em;
}
.sitemap .wrap{
	display: table;
	width: 960px;
	margin: 0 auto;
	/*margin-top: 4em;*/
}
.sitemap .box{
	display: table-cell;
	width: 33%;
	padding: 0 1em;
}
.sitemap .box section{
	margin-bottom: 1.5em;
}
.sitemap .box h2{
	font-size: 1.2em;
	border-bottom: 1px solid #CCC;
	margin-bottom: 0.6em;
	padding: 0 0 0.3em 0.3em;
}
@media screen and (max-width: 800px){
	.sitemap .wrap{
		display: block;
		width: 100%;
		padding: 0 8px;
	}
	.sitemap .box{
		display: block;
		width: 100%;
	}
}


/* .contact ________________________*/

.entryBody form table th{
	width: 200px;
}
form table.table{
	width: auto;
	margin: 0 auto;
}
form table.table th{
	padding: 14px;
	vertical-align: middle;
}
form table.table td{
	padding: 14px;
}
form table th span{
	/*font-size: 10px;*/
	color: #BD0808;
}
form table th .fss{
	font-size: 0.8em;
	white-space: normal;
	font-weight: normal;
	min-width: 240px;
	margin-top: 0.5em;
}
form table input,
form table textarea,
form table select{
	padding: 5px;
	border: 1px solid #CCC;
	background: rgba(255,255,255,0.6);
}
form table input:focus,
form table textarea:focus{
	border: 1px solid #611a30;
	background: rgba(255,255,255,1);
}
form table input{
	width: 70%;
}
form table input#tel{
	margin-bottom: 0.5em;
}
form table input[type=checkbox]{
	width: auto;
	vertical-align: middle;
}
form table textarea{
	width: 90%;
	height: 10em;
}
form table select{
	width: 70%;
}

.fcRed{color: red;}
form .addressSearch{
font-weight: bold;
padding: 6px 6px;
display: inline-block;
background: #611a30;
color: #fff;
text-align: center;
margin-bottom: 0.4em;
}
form table th{white-space: nowrap;}
form table input#email,
form table input#emailConf{ width: 70%;}
form table input#zip1{ width: 3em;}
form table input#zip2{ width: 4em;}
form table input#graduation1{ width: 4em;}
form table input#birth1{ width: 4em;}
form table input#graduation2{ width: 2em;}
form table input#birth2{ width: 2em;}
form table input#birth3{ width: 2em;}
form table input#caddress1,
form table input#address1{ width: 70%; margin-bottom: 0.4em;}
form table input#caddress2,
form table input#address2{ width: 70%;}

form table input#founding{ width: 5em;}
form table input#capital,
form table input#annualSales{ width: 10em;}
form table input#employees{ width: 8em;}
form table input#deliveryRatio,
form table input#suppliersRatio{ width: 4em;}
form table input#tradingYes,
form table .tradingYes{ cursor: pointer;}
form table input#tradingYes{ width: auto;}
form table input#tradingYear{ width: 5em;}


/* checkbox驍会ｽｻ*/
form table .checkIndustry,
form table .checkWorkplace,
form table .checkWorkday,
form table .checkItem,
form table .checkIso{ padding: 0 !important;}
form table .checkWorkplace li {width: 33%; float: left;}
form table .checkWorkday li {width: 25%; float: left;}
form table .checkWorkplace li.w250 {width: 250px; float: left;}
form table .checkIndustry li,
form table .checkItem li,
form table .checkIso li{ width: 165px; float: left;}
form table .checkIso li:first-child{ width: 120px;}
form table .tenure,
form table .sex,
form table .situation,
form table .checkIndustry label,
form table .checkWorkplace label,
form table .checkWorkday label,
form table .checkItem label,
form table .checkIso label{ cursor: pointer;}
form table #sex1,
form table #sex2,
form table #situation1,
form table #situation2,
form table #male,
form table #female,
form table #tenureYes,
form table #tenureNo,
form table .checkIndustry input,
form table .checkWorkplace input,
form table .checkWorkday input,
form table .checkItem input,
form table .checkIso input{ width: auto;}

form table #sex1,
form table #sex2,
form table #situation1,
form table #situation2,
form table #male,
form table #female{vertical-align: -1px;}
form table #tenureYes,
form table #tenureNo{vertical-align: -1px;}
form table #schedule1{ margin-bottom: 4px;}

.tac{text-align: center;}

.consent{
	text-align: center;
	}
	.consent button{
		height: 48px;
		border: none;
		background: #CCC;
		cursor: pointer;
		vertical-align: top;
		font-weight: bold;
		color: #FFF;
	}
	.consent button.send{
		width: 250px;
		background: #611a30;
		line-height: 1.3;
	}
	.consent button.confSend{
		width: 150px;
		background: #611a30;
		line-height: 1.3;
		font-size: 16px;
	}
	.consent button.reset{
		width: 150px;
		background: #959595;
		font-size: 16px;
	}
	form .addressSearch,
	.consent button.send,
	.consent button.confSend,
	.consent button.reset{
		-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
	}
	form .addressSearch:hover,
	.consent button.send:hover,
	.consent button.confSend:hover,
	.consent button.reset:hover{
		opacity: 0.6;
	}
@media screen and (max-width: 640px){
	form .sec{
		padding: 0 16px;
	}
	form table.table{
		width: 100%;
		margin: 0 auto;
	}
	form table.table th{
		width: 100%;
		padding: 14px;
		vertical-align: middle;
		display: block;
	}
	form table.table td{
		width: 100%;
		padding: 14px;
		display: block;
	}
	.consent button.send{
		margin-bottom: 1em;
	}
}