@charset "Shift_JIS";

/* @media all and (max-width: 640px) { */

#lp br.sp-none {
display: none;
}


#lp.kitchen-2 #contents #outline{
  padding: 0 0 60px 0;
}

#lp.kitchen-2 #contents #outline .main header{
  padding: 0 0 30px 0;
}

#lp.kitchen-2 #contents #lead .inner  {
background: url(/kitchen/images/lp/clean/lead_bg.jpg) center center no-repeat;
background-size: cover;
}

#lp.kitchen-2 #contents #outline .main ul{
  background: none;
  height: inherit;
  margin: 0 auto;
  position: relative;
  width: 100%;
padding-top: 20px;
}

#lp.kitchen-2 #contents #outline .main ul li{
  background:none;
  display: block;
  font-size: 16px;
  line-height: 1.4;
  padding-bottom: 10px;
  position: inherit;
  left: inherit!important;
  top: inherit!important;
  width: inherit!important;
padding-left:1.2em;
	text-indent: -1.2em;
}

#lp.kitchen-2 #contents #outline .main ul .caption-1::before{
content: "1. ";
}

#lp.kitchen-2 #contents #outline .main ul .caption-2::before{
content: "2. ";
}

#lp.kitchen-2 #contents #outline .main ul .caption-3::before{
content: "3. ";
}

#lp.kitchen-2 #contents #outline .main ul .caption-4::before{
content: "4. ";
}



#lp #contents #worktop header.section-title{
background: url(/kitchen/images/lp/clean/worktop_title_bg.jpg) center center no-repeat;
background-size: cover;
}


#lp.kitchen-2 #contents #worktop-1 header{
  margin: 0 auto;
  overflow: hidden;
  width: 100%;
  zoom: 1;
padding: 0 30px;
box-sizing: border-box;
}

#lp.kitchen-2 #contents #worktop-1 header h1,
#lp.kitchen-2 #contents #worktop-1 header p{
  float: none;
  width: 100%;
}


#lp.kitchen-2 #contents #worktop-2 .inner{
	background:none;
  padding-top: 60px;
	position:relative;
  margin: 0 auto;
  width: 100%;
}

#lp.kitchen-2 #contents #worktop-2 .bg{
	position:absolute;
	top:0;
	right:10px;
left: auto;
}

#lp.kitchen-2 #contents #worktop-2 section header{
  padding: 30px 30px 0;
  width: 100%;
box-sizing: border-box;
}

#lp.kitchen-2 #contents #worktop-2 .section-1 .anime{
  position: inherit;
  right: auto;
  max-width: 463px;
  height: auto;
  top: auto;
width: calc(100% - 40px);
margin: 20px auto 0;
overflow: hidden;
}
#lp.kitchen-2 #contents #worktop-2 .section-1 .anime .base img{
display: block;
width: 100%;
height: auto;
}


#lp.kitchen-2 #contents #worktop-2 .section-1 .anime .effect{
width: 100%;
height: auto;
}

#lp.kitchen-2 #contents #worktop-2 .section-1 .anime .effect .img{
  width: 130%;
  height: auto;
  overflow: hidden;
  -webkit-transform: skew(45deg);
  -moz-transform: skew(45deg);
  -o-transform: skew(45deg);
  -ms-transform: skew(45deg);
  transform: skew(45deg);
  behavior: url(/common/js/pie.htc);
}


#lp.kitchen-2 #contents #worktop-2 .section-1 .anime .effect .img img{
display: block;
width: 77%;
min-width: calc(100vw - 40px);
height: auto;
}




#lp.kitchen-2 #contents #worktop-2 .section-1 .anime .text-1,
#lp.kitchen-2 #contents #worktop-2 .section-1 .anime .text-2 {
display: none;
}

#lp.kitchen-2 #contents #worktop-2 .section-1 .anime .notice{

  position: inherit;
  width: 100%;

  top: auto;
  left: auto;
padding: 20px 30px;
text-align: right;
box-sizing: border-box;
}

#lp.kitchen-2 #contents #worktop-2 .section-2{
  padding: 20px 0 50px;
  position: relative;
}
#lp.kitchen-2 #contents #worktop-2 .section-2 header{
  padding:0 30px 30px;
}


#lp.kitchen-2 #contents #worktop-2 .section-2 .anime{
  height: auto;
  left: -80%;
  position: relative;
  top: auto;
  max-width: 797px;
  width: 200%;
text-align: right;
}

#lp.kitchen-2 #contents #worktop-2 .section-2 .anime p{
  position: inherit;
}

#lp.kitchen-2 #contents #worktop-2 .section-2 .anime .base{
  left: auto;
  top: auto;
width: 46%;
display: inline-block;
}
#lp.kitchen-2 #contents #worktop-2 .section-2 .anime .base img{
display: block;
width: 100%;
height: auto;
}

#lp.kitchen-2 #contents #worktop-2 .section-2 .anime .effect-1{
 /* height: 418px;
  height: 836px;
  height: 947px;
  /*height: 1894px;*/
  /*display: none;*/
  position: absolute;
  /*width: 798px;
  width: 1596px;
  /*width: 3192px;*/
  /*top: -599px;
  left: -608px;*/
  /*top: -1596px;
  left: -947px;*/
  top: 50%;
  left: -30%;
  width: 100%;
}

#lp.kitchen-2 #contents #worktop-2 .section-2 .anime .effect-1 img.rotate{
  /* left: 50%; */
  position: inherit;
  /* top: 50%; */
  /* margin: -209px 0 0 -210px; */
  display: none;
}

#lp.kitchen-2 #contents #worktop-2 .section-2 .anime .effect-1 span{
display: none;
}


#lp.kitchen-2 #contents #worktop-2 .section-3 .thumbs-s{
  left: 0px;
  position: inherit;
  top: 0;
width: 100%;
margin-bottom: 20px;
}


#lp.kitchen-2 #contents #worktop-2 .section-3 header{
  padding: 150px 30px 0;
  width: 100%;
box-sizing: border-box;
}

#lp.kitchen-2 #contents #worktop-2 .section-3 .anime{
  height: auto;
  position: inherit;
  max-width: 432px;
width: 50%;
  top: inherit;
  left: inherit;
margin: 0 auto;
}

#lp.kitchen-2 #contents #worktop-2 .section-3 .anime p.base{
  position: inherit;
}
#lp.kitchen-2 #contents #worktop-2 .section-3 .anime p.base img{
  top: 24px !important;
}
#lp.kitchen-2 #contents #worktop-2 .section-3 .anime .shadow{
  top: 0;
  left: 128px;
}
#lp.kitchen-2 #contents #worktop-2 .section-3 .anime img{
width: 100%!important;
height: auto!important;
}


#lp.kitchen-2 #contents #worktop-2 .section-3 .illust{
  position: inherit;
  left: inherit;
  top: inherit;
  padding-top: 55vw;
width: 100%;
margin-top: 0;
}
#lp.kitchen-2 #contents #worktop-2 .section-3 .illust img{
display: block;
width: 100%;
height: auto;
margin-bottom: 40px;
}

#lp.kitchen-2 #contents #worktop-2 .section-3 .illust .txt1,
#lp.kitchen-2 #contents #worktop-2 .section-3 .illust .txt2{
display: none;
}

#lp.kitchen-2 #contents #worktop-2 .section-4 header{
  padding: 25px 30px 0;
  width: 100%;
box-sizing: border-box;
}



#lp.kitchen-2 #contents #worktop-2 .section-4 .anime{
  height: 500px;
  max-width: 384px;
  position: inherit;
  left: inherit;
  top: inherit;
}

#lp.kitchen-2 #contents #worktop-2 .section-4 .anime p{
  position: absolute;
}

#lp.kitchen-2 #contents #worktop-2 .section-4 .anime .effect{
  left: 8px;
  top: 0;
}

#lp.kitchen-2 #contents #worktop-2 .section-4 .anime .base{
position: inherit;
  left: 90px;
  top: 27px;
  width: 294px;
  height: 307px;
}

#lp.kitchen-2 #contents #worktop-2 .section-4 .anime .base span{
  float: none;
  bottom: 0;
  display: block;
  position: absolute;
  overflow: hidden;
  height: 307px;
}

#lp.kitchen-2 #contents #worktop-2 .section-4 .anime .base span img{
  position: absolute;
  bottom: 0;
}

#lp.kitchen-2 #contents #worktop-2 .section-4 .anime .base .right{
  right: 0;
  width: 113px;
}

#lp.kitchen-2 #contents #worktop-2 .section-4 .anime .base .right img{
  right: 0;
}

#lp.kitchen-2 #contents #worktop-2 .section-4 .anime .base .left{
  left: 0;
  width: 181px;
}



#lp.kitchen-2 #contents #worktop #section-5{
    margin: 0 auto 60px auto;
    overflow: hidden;
    width: 100%;
    zoom: 1;

}
#lp.kitchen-2 #contents #worktop #section-5 .left{
  float: none;
  width: 100%;
  padding-top: 0;
margin-bottom: 20px;
}

#lp.kitchen-2 #contents #worktop #section-5 .left .thumbs{
  width: 100%;
}
#lp.kitchen-2 #contents #worktop #section-5 .right{
  float: none;
  width: 100%;
  margin: 0 auto;
padding: 0 30px;
box-sizing: border-box;
}
#lp.kitchen-2 #contents #worktop #section-5 .right h1,
#lp.kitchen-2 #contents #worktop #section-5 .right p {
    padding-left: 0;
}

#lp.kitchen-2 #contents #worktop #section-5 a.bnr_tenor {
padding-left: 0;
margin: 20px auto 0;
}


#lp.kitchen-2 #contents #worktop #section-6{
  margin: 0 auto 60px auto;
  overflow: hidden;
  width: 100%;
  zoom: 1;
}


#lp.kitchen-2 #contents #worktop #section-6 .left{
  float: none;
  width: 100%;
padding: 0 30px;
box-sizing: border-box;
margin-bottom: 20px;
}

#lp.kitchen-2 #contents #worktop #section-6 .left h1,
#lp.kitchen-2 #contents #worktop #section-6 .left p{
  padding-right: 0;
}

#lp.kitchen-2 #contents #worktop #section-6 .right{
  float: none;
  width: 100%;
  padding-top: 0;
}

#lp.kitchen-2 #contents #worktop #section-6 .right a.bnr_marble_45th{
padding-left: 0;
margin: 0 auto;
}

#lp.kitchen-2 #contents #worktop #contents .circle-graph .counter {
font-size: 40px;
}


#magazine .h3Ttl02{
    width:100%;
    margin:120px auto 50px;
    padding:75px 30px 33px;
box-sizing: border-box;
font-size: 28px;
line-height: 1.4;
}




#lp #contents #painted_door header.section-title{
background: url(/kitchen/images/lp/clean/painted_door_title_bg.jpg) center center no-repeat;
background-size: cover;
}

#lp.kitchen-2 #contents #painted_door #painted_door-1{
    margin: 0 auto 60px auto;
    overflow: hidden;
    width: 100%;
    zoom: 1;

}
#lp.kitchen-2 #contents #painted_door #painted_door-1 .left{
  float: none;
  width: 100%;
  padding-top: 0;
margin-bottom: 20px;
}

#lp.kitchen-2 #contents #painted_door #painted_door-1 .left .thumbs{
  width: 100%;
}
#lp.kitchen-2 #contents #painted_door #painted_door-1 .right{
  float: none;
  width: 100%;
  margin: 0 auto;
padding: 0 30px;
box-sizing: border-box;
}
#lp.kitchen-2 #contents #painted_door #painted_door-1 .right h1,
#lp.kitchen-2 #contents #painted_door #painted_door-1 .right p {
    padding-left: 0;
}



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

#lp.kitchen-4 #contents #lead .inner  {
background: url(/kitchen/images/lp/history/lead_bg.jpg) center center no-repeat;
background-size: cover;
}

#lp.kitchen-4 #contents #outline .main {
  margin: 0 auto;
  padding: 0 31px;
  width: 100%;
box-sizing: border-box;
}

#lp.kitchen-4 #contents #outline .main header {
  width: 100%;
}



#lp.kitchen-4 #contents #quality header.section-title{
background: url(/kitchen/images/lp/history/quality_title_bg.jpg) center center no-repeat;
background-size: cover;
}

#lp.kitchen-4 #quality-1{
  margin: 0 auto 60px auto;
  position: relative;
  width: 100%;
}

#lp.kitchen-4 #quality-1 .anime{
  position: relative;
  height: 40vw;
  margin: 0 0 40px;
}
#lp.kitchen-4 #quality-1 .anime .base{
margin-left: -2.9vw;
  position: absolute;
  top: 2.6vw;
  left: 0;
width: 147%;
height: auto;
}

#lp.kitchen-4 #quality-1 .anime .anim1{
  top: 0;
  width: 31.6vw;
  height: 100%;
}
#lp.kitchen-4 #quality-1 .anime .anim1 .title{
  padding-left: 10px;
  position: relative;
  z-index: 2;
margin-top: -20px;
line-height: 1.2;
font-size: 14px;
}

#lp.kitchen-4 #quality-1 .anime .anim1 .effect{
  /*margin-top: -7px;*/
  position: absolute;
  top: 2.6vw;
  z-index: 1;
}
#lp.kitchen-4 #quality-1 .anime .anim1 .effect img{
display: block;
width: 100%;
height: auto;
}

#lp.kitchen-4 #quality-1 .anime .anim2{
  left:47.2vw;
  top: 8.3vw;
}

#lp.kitchen-4 #quality-1 .anime .anim2 .title{
  padding-top: 32.4vw;
  padding-left: 4px;
line-height: 1.2;
font-size: 14px;
}

#lp.kitchen-4 #quality-1 .anime .anim2 .img1{
  top: 0;
  left: 0;
  height: 25.8vw;
  width: 24.3vw;
  margin-top: -12.9vw;
  margin-left: -5.2vw;
}

#lp.kitchen-4 #quality-1 .anime .anim2 .img2{
  top:2vw;
  left: 0;
  width: 5.7vw;
  height: 5.9vw;
  margin-top: 5.73vw;
  margin-top: 5.73vw;
}


#lp.kitchen-4 #quality-1 .anime .anim3{
  left:65.9vw;
}

#lp.kitchen-4 #quality-1 .anime .anim3 .title{
  padding-left: 7vw;
margin-top: 0px;
line-height: 1.2;
font-size: 14px;
text-align: right;
}

#lp.kitchen-4 #quality-1 .anime .anim3 .effect{
  position: absolute;
  top: 5.2vw;
width: 24.48vw;
}
#lp.kitchen-4 #quality-1 .anime .anim3 .effect img{
display: block;
width: 100%;
height: auto;
}

#lp.kitchen-4 #quality-1 .text{
width: 100%;
padding: 0 30px;
box-sizing: border-box;
}

#lp.kitchen-4 #quality-2{
  margin: 0 auto 60px auto;
  overflow: hidden;
  width: 100%;
  zoom: 1;
}


#lp.kitchen-4 #quality-2 .left{
  float: none;
  width: 100%;
  padding-top: 0;
margin-bottom: 20px;
}

#lp.kitchen-4 #quality-2 .left .thumbs{
  width: 100%;
}
#lp.kitchen-4 #quality-2 .right{
  float: none;
  width: 100%;
  margin: 0 auto;
padding: 0 30px;
box-sizing: border-box;
}

#lp.kitchen-4 #quality-2 .right h1,
#lp.kitchen-4 #quality-2 .right p{
  padding-left: 0;
}

#lp.kitchen-4 #quality-3{
  margin: 0 auto 60px auto;
  overflow: hidden;
  width: 100%;
  zoom: 1;
}


#lp.kitchen-4 #quality-3 .left{
  float: none;
  width: 100%;
padding: 0 30px;
box-sizing: border-box;
}

#lp.kitchen-4 #quality-3 .left h1,
#lp.kitchen-4 #quality-3 .left p{
  padding-right: 0;
}

#lp.kitchen-4 #quality-3 .right{
  float: none;
  width: 100%;
  padding-top: 0;
margin-bottom: 20px;
}



#lp.kitchen-4 #contents #history header.section-title{
background: url(/kitchen/images/lp/history/history_titile_bg.jpg) center center no-repeat;
background-size: cover;
}

#lp.kitchen-4 #history-1 header{
  overflow: hidden;
  margin: 0 auto 60px auto;
  width: 100%;
  zoom: 1;
}

#lp.kitchen-4 #history-1 .thumbs{
  margin-bottom: 20px;
}
#lp.kitchen-4 #history-1 header h1,
#lp.kitchen-4 #history-1 header p{
  float: none;
  width: 100%;
padding: 0 30px;
box-sizing: border-box;
}



#lp.kitchen-4 #history-2{
  position: relative;
  padding: 40px 0 60px 0;
}
#lp.kitchen-4 #history-2 .section{
  width: 100%;
padding-bottom: 0;
}
#lp.kitchen-4 #history-2 .section .year{
  float: none;
  padding: 0;
  margin:0 auto 30px;
  width: 238px;
}

#lp.kitchen-4 #history-2 .section .year .thumb{
  margin: 0 0 10px 0;
}
#lp.kitchen-4 #history-2 .section .year .text{
  padding: 0;
}
#lp.kitchen-4 #history-2 .bg{
  position: absolute;
  bottom: 0;
    left: -20%;
    width: 120%;
}
#lp.kitchen-4 #history-2 .inner{
  margin: 0 auto;
  width: 100%;
}
#lp.kitchen-4 #history-2 .bg .inner img{
display: block;
  width: 100%;
height: auto;
}
#lp.kitchen-4 #history-2 .section .year.year-2012 {
margin-bottom: 36vw;
}