@charset "shift_jis";


/*==============================================
common
============================================= */

#header {
border-bottom: #ededed solid 1px;
}
.headerIn,
.footerIn {
width: 930px;
margin: 0 auto;
}
.copyRight { border-top: 1px solid #ededed; }
#footer { margin-top: 10px; }
.pageTop { border-radius: 50%; }

.sponly {display: none;}


/*---- 文字　 ----*/
#mainContents .paragraph,
#mainContents .mainTitleWrap,
table th,table td,
.amazonBox,
.productBox{
font-family:'游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
font-feature-settings: "palt" 1;
letter-spacing: 0.05em;}

#mainContents p {
	font-size:  132%;
	line-height: 2.1;
}

#mainContents .cap{
	font-size: 108%;
	line-height: 1.9;}

#mainContents .capS{
    width: 930px;
    margin: 8px auto 0;
    font-size: 13px;
    text-align: right;
}

#mainContents p + p {
	margin-top: 20px;}

sup {
font-size: 60%;
vertical-align: top;
position: relative;
top: 0.3em;
}

.marker {
    font-weight: bold;
    background:linear-gradient(transparent 40%, #cbd6ec 40%);}


.pcgrayArea {
    background-color: #f2f2f2;
    width: 1270px;
    margin: 0 auto 0;
    padding-bottom: 110px;
}


/*==============================================
看板
============================================= */

.mainTitleWrap {
width: 100%;

}
.mainTitle {
width: 1268px;
margin: 0 auto;
/*padding: 50px 0;*/
background: url(https://img1.kakaku.k-img.com/images/article/tieup/24/10_ecovacs/topbg.jpg) center top no-repeat;
}

h1 {
width: 930px;
height: 650px;
margin: 0 auto;
text-indent: -999em;
font-size: 0;
z-index: 1;
background: url(https://img1.kakaku.k-img.com/images/article/tieup/24/10_ecovacs/pc_title.png) left 180px no-repeat;
}

.lead{
width: 930px;
margin: 50px auto 0;}

.lead a:link,
.lead a:visited {
font-weight: bold;
color: #436bba;
text-decoration: underline;
}
.lead a:hover,
.lead a:active {
color: #436bba;
text-decoration: none;
}

.contentsNavi {
    width: 929px;
    margin: 80px auto 85px;
display:flex;
overflow: hidden;}

.contentsNavi  li{
width: 185px;
float: left;}

.contentsNavi  li + li {
margin-left: 1px;}

.contentsNavi  li a {
font-size: 13px;
line-height: 1.7;
padding: 143px 15px 13px;
box-sizing: border-box;
display: block;
width: 100%;
height: 100%;
transition: 0.2s ease-in-out;}

.contentsNavi  li a:hover{
opacity: 0.6;
filter: alpha(opacity=60);}

.contentsNavi  li a span{
font-size: 17px;
padding-bottom: 8px;
font-weight: bold;
display: block;
text-align: center;}

.contentsNavi  li a.menu01 {background: #fff url(https://img1.kakaku.k-img.com/images/article/tieup/24/10_ecovacs/anchor_bg01.jpg) left top no-repeat;}
.contentsNavi  li a.menu02 {background: #fff url(https://img1.kakaku.k-img.com/images/article/tieup/24/10_ecovacs/anchor_bg02.jpg) left top no-repeat;}
.contentsNavi  li a.menu03 {background: #fff url(https://img1.kakaku.k-img.com/images/article/tieup/24/10_ecovacs/anchor_bg03.jpg) left top no-repeat;}
.contentsNavi  li a.menu04 {background: #fff url(https://img1.kakaku.k-img.com/images/article/tieup/24/10_ecovacs/anchor_bg04.jpg) left top no-repeat;}
.contentsNavi  li a.menu05 {background: #fff url(https://img1.kakaku.k-img.com/images/article/tieup/24/10_ecovacs/anchor_bg05.jpg) left top no-repeat;}

/*==============================================
 バナー
============================================= */
.topbnr a{
font-size: 15px;
line-height: 62px;
font-weight: bold;
text-align: center;
color: #fff;
display: block;
width: 580px;
height: 62px;
background: #436bba url(https://img1.kakaku.k-img.com/images/article/tieup/24/10_ecovacs/link_arrow.png) 545px 50% no-repeat;
background-size: 19px;
border-radius: 5px;
margin: 50px auto 0;
overflow: hidden;
transition: 0.2s ease-in-out;}

.topbnr a:hover{
/*background-color: #6f8fcf;*/
opacity: 0.6;
filter: alpha(opacity=60);}

.amazonAnchorlink a {
width: 585px;
height: 48px;
display: block;
border: #fb7600 1px solid;
color: #fb7600;
background: url(https://img1.kakaku.k-img.com/images/article/tieup/24/10_ecovacs/amazon_arrow.png) 25px 47% no-repeat;
padding-left: 15px;
text-align: center;
font-size: 16px;
line-height: 48px;
font-weight: bold;
border-radius: 48px;
margin: 40px auto 0;
transition: 0.2s ease-in-out;}

.amazonAnchorlink a:hover {
    background:#fb7600 url(https://img1.kakaku.k-img.com/images/article/tieup/24/10_ecovacs/amazon_arrow_hover.png) 25px 47% no-repeat;
    color: #fff;
opacity: 0.6;
filter: alpha(opacity=60);}

.txtLink a{
font-size: 14px;
line-height: 49px;
font-weight: bold;
text-align: center;
color: #fff;
display: block;
width: 513px;
height: 49px;
background: #436bba url(https://img1.kakaku.k-img.com/images/article/tieup/24/10_ecovacs/link_arrow.png) 480px 50% no-repeat;
background-size: 19px;
border-radius: 5px;
margin: 50px auto;
overflow: hidden;
transition: 0.2s ease-in-out;
}

.txtLink a:hover{
/*background-color: #6f8fcf;*/
opacity: 0.6;
filter: alpha(opacity=60);}

.amazonAnchorlink a br,
.txtLink a br{display: none;}

.innerbnr a{
display: block;
width: 764px;
height: 210px;
text-indent: -999em;
background: url(https://img1.kakaku.k-img.com/images/article/tieup/24/10_ecovacs/pc_banner.jpg) left top no-repeat;
margin: 80px auto 0;
overflow: hidden;
transition: 0.2s ease-in-out;}

.innerbnr a:hover{
/*background-color: #59A9FF;*/
opacity: 0.6;
filter: alpha(opacity=60);}


/*==============================================
#mainContents
============================================= */
.paragraph {
    background-color: #fff;
    width: 930px;
    margin: 15px auto 0;
    padding: 83px;
    box-sizing: border-box;}

.paragraph h2 {
    font-size: 22px;
    line-height: 1.6;
    font-weight: bold;
min-height: 175px;
padding-left: 210px;
box-sizing: border-box;
padding-top: 27px;}


.paragraph h2 .icon {
    font-size: 30px;
    padding-left: 60px;
    display: block;
}

.paragraph h2 .text {
    display: block;
    margin-top: 10px;
}

#article01 h2 .icon {
  background: url(https://img1.kakaku.k-img.com/images/article/tieup/24/10_ecovacs/h2_01.png) left top no-repeat; 
background-size: 48px;}
#article02 h2 .icon {
  background: url(https://img1.kakaku.k-img.com/images/article/tieup/24/10_ecovacs/h2_02.png) left top no-repeat; 
background-size: 48px;}
#article03 h2 .icon {
  background: url(https://img1.kakaku.k-img.com/images/article/tieup/24/10_ecovacs/h2_03.png) left top no-repeat; 
background-size: 48px;}
#article04 h2 .icon {
  background: url(https://img1.kakaku.k-img.com/images/article/tieup/24/10_ecovacs/h2_04.png) left top no-repeat; 
background-size: 48px;}
#matome h2 .icon {
  background: url(https://img1.kakaku.k-img.com/images/article/tieup/24/10_ecovacs/h2_05.png) left top no-repeat; 
background-size: 48px;}

#article01 h2 {
background: url(https://img1.kakaku.k-img.com/images/article/tieup/24/10_ecovacs/h2_img01.jpg) left top no-repeat; }
#article02 h2 {
background: url(https://img1.kakaku.k-img.com/images/article/tieup/24/10_ecovacs/h2_img02.jpg) left top no-repeat; }
#article03 h2 {
background: url(https://img1.kakaku.k-img.com/images/article/tieup/24/10_ecovacs/h2_img03.jpg) left top no-repeat; }
#article04 h2 {
background: url(https://img1.kakaku.k-img.com/images/article/tieup/24/10_ecovacs/h2_img04.jpg) left top no-repeat; }
#matome h2 {
background: url(https://img1.kakaku.k-img.com/images/article/tieup/24/10_ecovacs/h2_img05.jpg) left top no-repeat; }

.paragraph h3 {
    text-align: center;
    font-size: 26px;
    line-height: 1.6;
    font-weight: bold;
    margin-top: 80px;}


.paragraph h3 + p {
    margin-top: 40px;}

.paragraph h3.prstitle {
 font-size: 24px;}

.paragraph h3.prstitle span{
    display: block;
    font-size: 28px;
    color: #436bba;}

.paragraph .subtit {
    font-size: 21px;
    font-weight: bold;
    margin-top: 80px;
}

.paragraph .subtit + .imgBox {
    margin-top: 15px;
}

.spAccordion {
    margin-top: 50px;}

/*----　4章製品リンク　----*/
#article04 .prdBox a {
width: 764px;
margin: 50px auto 0;
display: table;
transition: 0.2s ease-in-out;}

#article04 .prdBox a:hover{
opacity: 0.6;
filter: alpha(opacity=60);
}

#article04 .prdBox a .img,
#article04 .prdBox a .info{
display: table-cell;
vertical-align: middle;}

#article04 .prdBox a .img{
    text-align: right;
    width: 404px;}
#article04 .prdBox a .info{
    text-align: center;
    width: 360px;}

#article04 .prdBox a .btn {
font-size: 15px;
line-height: 46px;
text-align: center;
color: #fff;
display: block;
width: 347px;
height: 46px;
background: #436bba url(https://img1.kakaku.k-img.com/images/article/tieup/24/10_ecovacs/link_arrow.png) 308px 50% no-repeat;
background-size: 19px;
border-radius: 5px;
margin: 20px auto 0;
overflow: hidden;}

#article04 .borderbtm{
  position: relative;
  display: inline-block;
  margin-bottom: 1em;
}

#article04 .borderbtm:before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -15px;/*線の上下位置*/
  display: inline-block;
  width: 250px;/*線の長さ*/
  height: 1px;/*線の太さ*/
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);/*位置調整*/
  background-color: black;/*線の色*/
}

.pbtm30 {padding-bottom: 30px;}

/*----　画像　----*/
.w560 {
    width: 560px;}

.imgBox {margin:80px auto 0;}

.imgBox + p{
    margin-top: 80px;}

.imgBox div {overflow: hidden;}

.imgBox .floatL,
.imgBox .floatR {width:375px;}

.imgBox.w440 .floatL{width: 440px;}
.imgBox.w440 .floatR {width:307px;}

.imgBox.w386 .floatL{width: 386px;}
.imgBox.w386 .floatR{
width: 367px;
overflow: hidden;}

.imgBox.w386 .floatR a{
float: left;
width: 178px;
border: #e3e3e3 1px solid;
box-sizing: border-box;}

.imgBox.w386 .floatR a + a{
margin-left: 11px;}

.imgBox img {width: 100%;}

.imgBox a {
font-size: 0;
display: block;
cursor: zoom-in;}

.imgBox a img{
transition: 0.2s ease-in-out;}

.imgBox a:hover img {
opacity: 0.8;
filter: alpha(opacity=80);}

.imgBox .cap a {
	font-size: 100% !important;
	display: inline-block !important;
	color: #5a7ddd;
	text-decoration: underline;}

.imgBox div + .cap,
.imgBox a + .cap{
	margin-top: 15px;}

a.floatL + .cap,
a.floatR + .cap{
	margin-top: 0;}

/*----　動画 ----*/
.movBox {
width: 560px;
margin: 80px auto 0;
}
.mov {
width: 560px;
height: 315px;
background: #fff;
display: table;
margin-bottom:10px;
line-height: 0;
}

.movTxt {
display: table-cell;
line-height: 1.3;
color: #fff;
vertical-align: middle;
text-align: center;
}
.movTit{
font-size: 20px;
font-weight: bold;
margin-bottom: 10px;
background: url(https://img1.kakaku.k-img.com/images/article/tieup/24/10_ecovacs/mov_icon.png) left top no-repeat;
    background-size: 35px;
padding-left: 45px;
}
.movWrap {
display: block;
overflow: hidden;
}

.movBox.mtop20 {
    margin-top: 20px;}


/*==============================================
キャンペーン
============================================= */
.amazonBox {
background: #fff;
/*border: solid #ffae11 10px;*/
box-sizing: border-box;
width: 930px;
margin: 15px auto 0;
padding: 83px;
}
.amazonTitle {
background: #fb7600 url(https://img1.kakaku.k-img.com/images/article/tieup/24/10_ecovacs/amazon_topbg.png) left top no-repeat;
box-sizing: border-box;
text-align: center;
width: 100%;
color: #fff;
}
.amazonTitle h4 {
font-size: 26px;
line-height: 1.5 !important;
font-weight: bold;
padding: 30px 0 26px;
}

.amazonSubTitle {
border-left: #fb7600 3px solid;
border-right: #fb7600 3px solid;
border-bottom: #fb7600 3px solid;
/*background: #ebebeb;*/
text-align: center;
margin-bottom: 5px;
padding: 10px;
}

.amazonSubTitle strong {
font-size: 18px;
display: inline-block;}

.amazonTxt {
width: 764px;
font-size: 17px;
display: inline-block;
text-align: center !important;
padding: 10px 0 15px;
}

.amazonBoxIn {
box-sizing: border-box;
width: 764px;
margin: 0 auto;
padding: 30px 0;
}


/*　小見出し */
.amazonTitleS {
background: #f2f2f2;
text-align: center;
margin: 0 0 15px;
padding: 8px 0 6px;
}
.amazonTitleS strong {
color: #1e1e1e;
font-size: 15px;
}
.amazonTxtS + .amazonTitleS {
margin-top: 30px;
}

/* saleinfo */
.infoBox {
/*border-bottom: #969696 dotted 1px;*/
width: 764px;
/*margin: 0 auto 10px;*/
padding: 8px 0 5px;
/*padding-bottom: 5px;*/
}
/*p + .infoBox {
border-bottom: #9c9c9c dotted 1px;
border-top: #9c9c9c dotted 1px;
width: 710px;
margin: 0 auto 10px;
padding: 10px 0 5px;
}*/

.infoBox + .infoBox {
  border-top: #9c9c9c dotted 1px; }

.infoBox .itemName {
display: inline-block;
font-size: 18px;
width: 230px;
letter-spacing: 0em;
font-weight: bold;
}
.infoBox .itemPrice00 {
display: inline-block;
font-size: 15px;
width: 100px;
}
.infoBox .itemPrice01 {
display: inline-block;
font-size: 16px;
text-align: right;
width: 80px;
}
.infoBox .arrowBox {
background:url(https://img1.kakaku.k-img.com/images/article/tieup/24/10_ecovacs/pc_cp_arrow.png) center top 8px no-repeat;
display: inline-block;
width: 30px;
padding: 10px 0;
}
.infoBox .saleBox00,
.infoBox .itemPrice02 {
color: #cc0000;
}
.infoBox .itemPrice02 {
display:  inline-block;
width: 115px;
font-size: 24px;
text-align: right;
font-weight: bold;
padding-right: 5px;
box-sizing: border-box;
}
.infoBox .itemPrice02 em {
font-style: normal;
}
.infoBox .sale {
background: #cc0000;
color: #fff;
display: inline-block;
width: 88px;
text-align: center;
font-size: 17px;
font-weight: bold;
/*margin-left: 3px;*/
position: relative;
top: -4px;
}

.infoBox .saleBox00 {
font-size: 15px;
}

/*.infoBox .sale span {
display: inline-block;
font-size: 15px;
margin-left: 2px;
}*/

/* coupon */
.amazonCoupon {
background:url(https://img1.kakaku.k-img.com/images/article/tieup/24/10_ecovacs/pc_coupon.png) left top no-repeat;
width: 585px;
height: 80px;
margin: 0 auto;
display: table;
}
.amazonCoupon .percentTxt {
color: #fff;
display: table-cell;
font-size: 25px;
line-height: 80px;
width: 170px;
text-align: center;
/*padding: 7px 0 0 35px;*/
}
/*.amazonCoupon .percentTxtS {
display: inline-block;
font-size: 30px;
margin-left: 2px;
}*/
.amazonCoupon .codeTxt {
display: table-cell;
width: 415px;
font-size: 25px;
text-align: center;
color: #fff;
}

.amazonCoupon + .amazonTxtS {
width: 585px;
margin: 8px auto 0;
}

/*　共通 */
.amazonTxtS {
width: 764px;
font-size: 12px !important;
text-align: right;
}

.sTxt {
font-size: 10px;
display: block;
text-align: right;
}



/*==============================================
.productBox
============================================= */
.productBox {
    background-color: #fff;
    width: 930px;
    margin: 15px auto 0;
    padding: 83px;
    box-sizing: border-box;}

/*.productBox .item01 {
background: url(https://img1.kakaku.k-img.com/images/article/tieup/24/10_ecovacs/line.png) center bottom no-repeat;
padding-bottom: 30px;
}*/

.productBox .item01{
  position: relative;
  display: inline-block;
  margin-bottom: 1em;
    padding-bottom: 20px;
}

.productBox .item01:before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -15px;/*線の上下位置*/
  display: inline-block;
  width: 390px;/*線の長さ*/
  height: 1px;/*線の太さ*/
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);/*位置調整*/
  background-color: black;/*線の色*/
}


.productBox .item01 a .img,
.productBox .item01 a .info {
    display: table-cell;
vertical-align: middle;}

.productBox .item01 a {
    width: 764px;
    margin: 0 auto ;
    display: table;
transition: 0.2s ease-in-out;}

.productBox .item01 a:hover,
.productBox .item02 a:hover {
/*background-color: #59A9FF;*/
opacity: 0.6;
filter: alpha(opacity=60);}



.productBox .item01 a .img {
    width: 404px;
text-align: center;}

.productBox .item01 a .info{
width: 358px;}

.productBox .item01 a .catch,
.productBox .item02 a .catch{
    font-size: 16px;
    line-height: 1.6;
    font-weight: bold;
    text-align: center;}

.productBox .item01 a .name {
    text-align: center;
    margin-top: 10px;}

.productBox .item01 a .btn {
font-size: 15px;
line-height: 46px;
text-align: center;
color: #fff;
display: block;
width: 358px;
height: 46px;
background: #436bba url(https://img1.kakaku.k-img.com/images/article/tieup/24/10_ecovacs/link_arrow.png) 330px 50% no-repeat;
background-size: 19px;
border-radius: 5px;
margin: 15px auto;
overflow: hidden;}


.productBox .item02 {
    margin-top: 70px;
overflow: hidden;}

.productBox .item02 a {
display: block;
width: 338px;
float: left;
transition: 0.2s ease-in-out;}

.productBox .item02 a + a{
    margin-left: 88px;
}

.productBox .item02 a .img{
  text-align: center;}

.productBox .item02 a .name{
  text-align: center;
margin-top: 10px;}

.productBox .ptop26 {
padding-top: 26px;
}

.productBox .item02 a .btn {
font-size: 15px;
line-height: 46px;
text-align: center;
color: #fff;
display: block;
width: 338px;
height: 46px;
background: #436bba url(https://img1.kakaku.k-img.com/images/article/tieup/24/10_ecovacs/link_arrow.png) 308px 50% no-repeat;
background-size: 19px;
border-radius: 5px;
margin: 15px auto 0;
overflow: hidden;}


/*==============================================
.releasedate
============================================= */
.releasedate {
font-size: 11px; 
color: #333;
width: 930px;
margin: 15px auto 0; 
text-align: right;}