@charset "Shift_JIS";

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

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

#lp #contents #lead .inner .title h1{
  margin-bottom: 0;
}

#lp #contents #lead .inner .title h1 .icon{
  top: inherit;
}

#lp #contents #lead .inner .title h1 .en{
  padding-left: 12px;
  letter-spacing: 4px;
}
#lp #contents #lead .inner .title h1 .icon{
margin-bottom: 0px;
}
#lp.water-2 #contents #lead .inner .title h2 {
  font-size: 25px;
  letter-spacing: 0px;
}

#lp.water-2 #outline .thumbs {
margin-bottom: 20px;
}

#lp.water-2 #outline  .main .illust{
  position: inherit;
  left: inherit;
  top: inherit;
  z-index: 0;
max-width: 398px;
width: 70%;
margin: 0 auto 20px;
}
#lp.water-2 #outline  .main .illust{
display: block;
width: 100%;
height: auto;
}

#lp.water-2 #outline  .main header{
  padding: 0;
}

#lp.water-2 #outline  .main .left.box{
	padding: 40px 0 0 0;
	position: relative;
	width: 100%;
}
#lp.water-2 #outline  .main .left.box section:nth-of-type(1){
	margin-bottom:40px;
}
#lp.water-2 #outline  .main .left.box h1{
  background: none;
  color: #333;
  padding-bottom: 0;
  margin-bottom: 20px;
}


#lp.water-2 #contents #purifier .section-title  {
background: url(/water_purifier/images/lp/cooking/purifier_title_bg.jpg) center center no-repeat;
background-size: cover;
}

#lp.water-2 #purifier-1{
  width: 100%;
padding: 0 30px 52vw;
box-sizing: border-box;
background:url(../images/lp/cooking/purifier_section1_img.jpg)  no-repeat right bottom;
background-size: 80% auto;
}


#lp.water-2 #purifier-1 header{
  float: none;
  padding: 0 0 0 0;
  width: 100%;
margin-bottom: 20px;
}
#lp.water-2 #purifier-1 a {
  width: 80%;
	float:none;
margin: 0 auto 20px;
}


#lp.water-2 #purifier-2 .inner{
  padding-top: 40px;
  width: 100%;
}

#lp.water-2 #purifier-2 .section-1 header{
  margin-bottom: 20px;
  padding:0 30px;
  width: 100%;
box-sizing: border-box;
}

#lp.water-2 #purifier-2 .section-1 .img{
position: inherit;
  left: inherit;
  top: inherit;
width: 80%;
margin: 0 auto 20px;
}
#lp.water-2 #purifier-2 .section-1 .fig {
  padding-left: 0;
	margin:0 auto 10px;
}
#lp.water-2 #purifier-2 .section-2 {
padding-top: 40px;
	margin-bottom:40px;
}
#lp.water-2 #purifier-2 .section-2 header{
	margin-top:0;
}
#lp.water-2 #purifier-2 .section-2 header{
  padding:0 30px;
  width: 100%;
box-sizing: border-box;
margin-bottom: 20px;
}

#lp.water-2 #purifier-2 .section-2 .img{
position: inherit;
  right: inherit;
  top: inherit;
width: 80%;
margin: 0 auto 10px;
}

#lp.water-2 #purifier-2 .section-2 .fig .fig_each {
	width:282px;
	margin:0 auto 10px;
}
#lp.water-2 #purifier-2 .section-3 header{
	padding: 0 30px 20px;
  width: 100%;
box-sizing: border-box;
}

#lp.water-2 #purifier-2 .section-3 .img{
position: inherit;
  left: inherit;
  top: inherit;
width: 80%;
margin: 0 auto 20px;
}

#lp.water-2 #purifier-2 .section-3 > p {
	display:block;
  padding:0 30px 20px;
  width: 100%;
box-sizing: border-box;
}
#lp.water-2 #purifier-2 .section-3 .linkArea {
  padding:0 30px 40px;
  width: 100%;
box-sizing: border-box;
}


#lp.water-2 #purifier-3 .section-1{
  margin-bottom: 63px;
  margin: 0 auto;
  width: 100%;
}

#lp.water-2 #purifier-3 .section-1 header{
	float:none;
	width:100%;
padding:  0 30px;
box-sizing: border-box;
margin-bottom: 20px;
}


#lp.water-2 #purifier-3 .section-1 ul{
	float:none;
width: 100%;
}
#lp.water-2 #purifier-3 .section-1 ul li{
	float:left;
width: calc(34.8% - 3px);
}
#lp.water-2 #purifier-3 .section-1 ul li:nth-child(2){
width: calc(28.8% - 3px);
}

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

#lp.water-2 #magazine .article-wrapper {
  width: 100%;
}


#lp.water-2 #contents #series.products .article-wrapper article{
  position: relative;
	margin-left:0;
}


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


#lp.water-1 #contents #lead .inner  {
background: url(/water_purifier/images/lp/water/lead_bg.jpg) center center no-repeat;
background-size: cover;
}
#lp.water-1 #contents #lead .inner .title h2 {
  letter-spacing: 2px;
}


#lp.water-1 #outline .main{
  padding-bottom: 60px;
  overflow: hidden;
  position: relative;
  zoom: 1;
}

#lp.water-1 #outline .thumbs {
  margin-bottom: 20px;
}

#lp.water-1 #outline .thumb-video-1col {
	margin: 0 auto 20px;
	padding: 0;
	width: 100%;
}

#lp.water-1 #outline .main header{
  padding: 0;
  position: relative;
  width: auto!important;
  z-index: 2;
margin-bottom: 40px;
}


#lp.water-1 #outline  .main .illust{
  position: inherit;
  left: inherit;
  top: inherit;
  z-index: 0;
width: 80%;
margin: 0 auto 20px;
}



#lp.water-1 #outline  .main .left.box{
	padding: 0;
	position: relative;
	width: 100%;
}
#lp.water-1 #outline  .main .left.box section:nth-of-type(1){
	margin-bottom:40px;
}
#lp.water-1 #outline  .main .left.box h1{
  background: none;
  padding-bottom: 0;
  margin-bottom: 20px;
}

#lp.water-1 #outline  .main .right.box{
  padding: 0 0 0 0;
  position: relative;
  width: 100%;
}


#lp.water-1 #contents #filter .section-title  {
background: url(/water_purifier/images/lp/cooking/purifier_title_bg.jpg) center center no-repeat;
background-size: cover;
margin-bottom: 50px;
}

#lp.water-1 #filter-1{
  width: 100%;
  zoom: 1;
}

#lp.water-1 #filter-1 header{
  float: none;
  padding: 0 30px;
  width: 100%;
box-sizing: border-box;
margin-bottom: 30px;
}

#lp.water-1 #filter-1 header2{
  float: none;
  padding: 0 2 30 2px;
  width: 90%;
box-sizing: border-box;
margin-bottom: 30px;
}

#lp.water-1 #filter-1 .img{
  float: none;
  margin: 0 auto;
width: 90%;
}
#lp.water-1 #filter-1 .img-inner{
	max-width: 402px;
	max-height:473px;
    overflow: hidden;
    position: relative;
width: 100%;
height: 106vw;
}
#lp.water-1 #filter-1 .img-inner2{
	max-width: 402px;
	max-height:440px;
    overflow: hidden;
    position: relative;
width: 100%;
height: 100vw;
}
#lp.water-1 #filter-1 .img img.filter_section1_anime {
  top: 9.5%;
  left: 20.9%;
width: 28.1%;
height: auto;
  position: absolute;
	z-index:10;
}


#lp.water-1 #filter-2{
  margin: 0 auto 60px;
  width: 100%;
}
#lp.water-1 #filter-2 header{
  float: none;
  padding: 0 30px;
  width: 100%;
box-sizing: border-box;
margin-bottom: 20px;
}

#lp.water-1 #filter-2 .img{
  float: none;
  margin: 0 0 0 0;
  width: 100%;
}


#lp.water-1 #filter-3{
  margin: 0 auto 60px;
  width: 100%;
}

#lp.water-1 #filter-3 header{
  padding: 0 30px;
  width: 100%;
box-sizing: border-box;
margin-bottom: 20px;
}

#lp.water-1 #filter-3 .img{
  float: none;
  margin: 0 auto;
  width: 90%;
}


#lp.water-1 #filter-4{
  margin: 0 auto 60px;
  width: 100%;
}

#lp.water-1 #filter-4 header{
  float: none;
  padding: 0 30px;
  width: 100%;
box-sizing: border-box;
margin-bottom: 10px;
}
#lp.water-1 #filter-4 header p{
	width:100%;
}

#lp.water-1 #filter-4 header .img1 img {
	display:block;
width: 100%;
height: auto;
max-width: 340px;
margin: 0 auto 10px;
}

#lp.water-1 #filter-4 .img{
  float: none;
  margin: 0;
	width:100%;
	font-size:110%;
  padding: 0 30px;
  box-sizing: border-box;
}
#lp.water-1 #filter-4 .img img {
width: 100%;
height: auto;
margin: 0 auto 10px;
}


#lp.water-1 #filter-6 {
	margin: 0 auto 60px;
	width: 100%;
}
#lp.water-1 #filter-6 header {
	float: none;
  margin: 0 0 30px;
	padding: 0 30px;
	width: 100%;
  box-sizing: border-box;
}
#lp.water-1 #filter-6 header p ~ p {
	margin-top: 1em;
}

#lp.water-1 #filter-6 .filter-title02 {
	font-size: 16px;
}

#lp.water-1 #filter-6 .img {
	float: none;
  padding: 0 30px;
	width: 100%;
  box-sizing: border-box;
}



#lp.water-1 #contents #mind .section-title  {
background: url(/water_purifier/images/lp/water/mind_title_bg.jpg) center center no-repeat;
background-size: cover;
margin-bottom: 50px;
}

#lp.water-1 #mind-1{
  margin: 0 auto 60px;
  width: 100%;
}

#lp.water-1 #mind-1 header{
  float: none;
  padding: 0 30px;
  width: 100%;
box-sizing: border-box;
margin-bottom: 40px;
}
#lp.water-1 #mind-1 .img{
  float: none;
  margin: 0 0 20px;
  width: 100%;
}

#lp.water-1 #mind-1 .img img{
	display:block;
  float: left;
  margin-left: 3px;
width: calc(50% - 3px);
box-sizing: border-box;
}
#lp.water-1 #mind-1 .fig {
margin: 0 auto;
width: 100%;
	background:#f4f5f6;
	padding:15px;
box-sizing: border-box;
}
#lp.water-1 #mind-1 .fig>div {
margin: 0!important;
}


#lp.water-1 #magazine .article-wrapper {
  width: 100%;
}


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

#lp.water-3 #pagePath {
display: none;
}

#lp.water-3 #finder{
	width:100%;
	margin:0 auto 60px;
}


#lp.water-3 #finder .chart {
	height:inherit;
}

#lp.water-3 #finder section .btn_finder {
	float:none;
	width:100%;
	height:inherit;
	margin-bottom:2px;
	text-align:center;
	cursor:pointer;
	background:#EFEEEC url(/water_purifier/images/lp/finder/icon_finder.gif) no-repeat;
  background-position: right 20px bottom 20px;
	color: #000;
	padding:30px;
	transition: all .2s ease-in-out;
box-sizing: border-box;
}

#lp.water-3 #finder section .btn_finder:hover {
	background:#EFEEEC url(/water_purifier/images/lp/finder/icon_finder_over.gif) no-repeat;
  background-position: right 20px bottom 20px;
	color: #CCC;
}

#lp.water-3 #finder .product section#p03 .p03_col:nth-child(2n) {
	float: none;
}
#lp.water-3 #finder .product section .product_txt {
	display:block;
	float:none;
	padding:30px;
	background:#fff;
	width:100%;
	height:inherit;
	font-size:138.5%;
box-sizing: border-box;
}
#lp.water-3 #finder .product section#p03 .p03_col {
	float: none;
	width:100%;
	height:inherit;
box-sizing: border-box;
}
#lp.water-3 #finder .product section#p03 .p03_col .product_txt {
	float:none;
	background:#fff;
	padding:30px;
	width:100%;
	height:inherit;
box-sizing: border-box;
}