@charset "EUC-JP";
/* ///////////////////////////////

Æ«´ï»ÔʬÎà
PCÍÑ

///////////////////////////////
*/
#pageContents.kitchenclCnt{margin-bottom:50px}
.block{width:950px; margin:0 auto; position:relative;}
.nav{right:0;  z-index:9999; position:absolute; text-align:right; margin-top:60px}
.nav img{border-bottom:3px solid #666 ; width:90px}
.fixed { position: fixed; top: 20px; z-index: 10000;}

/*¡ükitchenctg1*/
#kitchenctg1 p{margin:30px 30px 45px; line-height:1.5em; font-size:14px; text-align:center;}
#kitchenctg1 dl{width:100%; overflow:hidden}
#kitchenctg1 dt,
#kitchenctg1 dd{float:right; display:inline-block; }
.bnr {margin:60px auto; text-align:center}

ul.bnrlist,
ul.bnrlist2{overflow:hidden; margin-left:-13px}
ul.bnrlist li,
ul.bnrlist2 li{float:left; margin:12px 0 0px 19px}

/*¡ükitchenctg2*/
#kitchenctg2{}

#kitchenctg2 h2{text-align:center; margin:30px 0 ; border:none}
#kitchenctg2 .block{background:#d5f4fb;}
.howBox{overflow:hidden; width:100%; height:450px; margin-top:50px; padding-top:-50px}
.howBox h3{margin:10px 0 10px 10px; display:inline-block;  float:left}
.howBox span{margin:50px 0 0 0; float:left}
.howBox p{margin:0px 20px 10px 40px; float:left}
.bkimg{width:595px; float:right; text-align:right}
.howttl{width:350px; overflow:hidden; display:inline-block}
.howttl p span{display:none}

.howLeft{}
.howRight{}
.howBox.howLeft .howttl{float:left;}
.howBox.howRight .howttl{float:right;}
.howBox.howRight  h3{margin:10px 10px 10px 0; display:inline-block;  float:right!important}
.howBox.howRight  span{margin:50px 0 0 0; float:right}
.howRight.howBox p{margin:0px 20px 10px 10px; float:left}

/*¡ükitchenctg3*/
.kitchenctgL{}
.linupttl{overflow:hidden; margin:60px 0 30px 65px}
.linupttl img{float:left}
.linupttl h2{border:none; margin:72px 0 25px 30px; display:block; float:left}
.linupttl p{float:left; margin:0px 0 0 35px; font-size:14px; line-height:1.5em}

.lineupTtl{}
.lineupTtl p{display:inline-block; margin-left:220px;}
.lineupTtl span{ float:right; margin-top:60px}
.kitchenctgL ul{overflow:hidden; width:930px; border-top:1px solid #ccc; margin:0 0 100px 20px}
.kitchenctgL ul li{float:left; margin-right:10px;}

.bkimg1,
.bkimg3,
.bkimg5,
.bkimg7{position:absolute; top: 0px; right:0px; z-index:998; width:595px; float:right; text-align:right; height:425px}
.bkimg2,
.bkimg4,
.bkimg6{position:absolute; top: 10px; left:0px; z-index:996; width:595px; float:left; text-align:left; height:425px}
.animate_item{
	position: absolute;
	top: 0;
	left: 0;
	z-index:996;
	opacity:0;
}
.animate_item.fadeIn{
	-webkit-animation-duration: 2.4s;
	animation-duration: 2.4s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
	z-index:997;
}
.animate_item.fadeOut{
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut;
	z-index:996;
}
@-webkit-keyframes fadeIn{
	from{opacity: 0;}
	to{opacity: 1;}
}
@keyframes fadeIn{
	from{opacity: 0;}
	to{opacity: 1;}
}
@-webkit-keyframes fadeOut{
	from{opacity: 1;}
	to{opacity: 0;}
}
@keyframes fadeOut{
	from{opacity: 1;}
	to{opacity: 0;}
}


/*animation*/
.move2{transition: 0.8s; opacity: 0; transform: translate(0,60px); -webkit-transform: translate(0,60px); }
.move2on{opacity: 1.0; transform: translate(0,0); -webkit-transform: translate(0,0);}

.move3{transition: 0.8s; opacity: 0; transform: translate(0,60px); -webkit-transform: translate(0,60px); }
.move3on{opacity: 1.0; transform: translate(0,0); -webkit-transform: translate(0,0);}
.move3on:hover{animation: zoom1 0.5s ease-in-out infinite alternate;}

.anime1 {animation-duration: 1s;animation-name: slidein;}

@keyframes fadein {
from {opacity:0;}
to {}
}