@charset "shift_jis";
/*==============================================
common
============================================= */

#header {
/*border-bottom: #ededed solid 1px;*/
}

.sponly {
	display: none;
}

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





/*---- 文字　 ----*/
#mainContents .paragraph,
#mainContents .mainTitleWrap,
#mainContents .lead,
#mainContents .contentsNavi,
.movBox{
font-family:"ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, Arial, "メイリオ", Meiryo, sans-serif;
font-feature-settings: "palt" 1;
letter-spacing: 0.05em;}

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

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

#mainContents .capS {
	font-size: 12px !important;
	display: block;
}

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

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


/*==============================================
看板
============================================= */
.mainTitleWrap {
width: 100%;
background: linear-gradient(180deg,#fff 0%,#fff 134px,#fd5000 134px,#fd5000 100%);
padding-bottom: 200px;
}

.mainTitle {
width: 1090px;
margin: 0 auto;
position: relative;}

h1 {
position: absolute;
width: 930px;
height: 182px;
background: url(https://img1.kakaku.k-img.com/images/article/tieup/22/11_jackery/pc_title.png) center top no-repeat;
text-indent: -999em;
font-size: 0;
z-index: 5;
top:520px;
left: 80px;}

/*--　animation　--*/
.image-crossfader {
  overflow: hidden;
  position: relative;
  height: 557px;
width: 1090px;
margin: 0 auto 0;
background-color: #FFF;}

.image-crossfader-inner {
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  opacity: 0;
  transform: scale(1.2);
  transition:
    opacity 4s cubic-bezier(0.25, 0.46, 0.45, 0.94),
    transform 4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    
}
.image-crossfader-inner.is-visible {
  z-index: 1;
  opacity: 1;
  transform: scale(1);
}
.image-crossfader-inner:nth-child(1) {
  background-image: url('https://img1.kakaku.k-img.com/images/article/tieup/22/11_jackery/bg_img01.jpg');
}
.image-crossfader-inner:nth-child(2) {
  background-image: url('https://img1.kakaku.k-img.com/images/article/tieup/22/11_jackery/bg_img02.jpg');
}
.image-crossfader-inner:nth-child(3) {
  background-image: url('https://img1.kakaku.k-img.com/images/article/tieup/22/11_jackery/bg_img03.jpg');
}

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

.paragraph a{
color: #fd5000 !important;
text-decoration: underline;
}
.paragraph a:hover{
color: #fd5000;
text-decoration: none;
}

/*-- anchor --*/
.contentsNavi {
	width:  840px;
	margin: 80px auto 0;
display: flex;
overflow: hidden;}

.contentsNavi a {
	float: left;
	width: 276px;
	font-size: 16px;
	line-height: 1.7;
	text-align: center;
	background-color: #f5f5f5;
margin-top: 20px;
padding: 55px 20px 30px;
box-sizing: border-box;
position: relative;
display: block;
transition: 0.1s ease-in-out;}

.contentsNavi a + a {
	margin-left: 6px;}

.contentsNavi  a:hover {
	background-color: #fd5000;}

.contentsNavi a .icon {
	background-color: #1a1a1a;
	font-size: 14px;
	line-height: 36px;
	color: #fff;
	width: 130px;
	height: 36px;
	display: inline-block;
	text-align: center;
	margin-top: -20px;
	position: absolute;
	top:10px;
	left: 73px;}

.contentsNavi a .tit{
	display: block;
	margin-bottom: 10px;
	height: 30px;
text-indent: -999em;
font-size: 0;}

.contentsNavi a .iconbox01 .tit {
background:  url(https://img1.kakaku.k-img.com/images/article/tieup/22/11_jackery/anchor01.png) center top no-repeat;}

.contentsNavi a .iconbox02 .tit {
background:  url(https://img1.kakaku.k-img.com/images/article/tieup/22/11_jackery/anchor02.png) center top no-repeat;}

.contentsNavi a .iconbox03 .tit {
background:  url(https://img1.kakaku.k-img.com/images/article/tieup/22/11_jackery/anchor03.png) center top no-repeat;}



/*==============================================
#mainContents
============================================= */
.paragraph {
padding: 110px 0;}

#article03.paragraph {
	padding: 110px 0 80px;}

#article04.paragraph{
padding: 0 0 110px;	}

#article02.paragraph {
background-color: #f5f5f5;}

.paragraph h2 {
width: 930px;
font-size: 25px;
font-weight: bold;
margin: 0 auto;
text-align: center;}

.paragraph h2 br{display: none;}

.paragraph .icon {
	text-indent: -999em;
	font-size: 0;
	margin-bottom: 50px;
	display: block;}

#article01 .icon{
height: 98px;
background:  url(https://img1.kakaku.k-img.com/images/article/tieup/22/11_jackery/h2_icon01.png) center top no-repeat;}
#article02 .icon{
height: 100px;
background:  url(https://img1.kakaku.k-img.com/images/article/tieup/22/11_jackery/h2_icon02.png) center top no-repeat;}
#article03 .icon{
height: 88px;
background:  url(https://img1.kakaku.k-img.com/images/article/tieup/22/11_jackery/h2_icon03.png) center top no-repeat;}


.paragraphIn {
width: 930px;
margin: 80px auto 0;}


/*----　画像　----*/

.paragraphIn .imgBox:first-child {
	margin: 0 auto 0;}

.w600 {width: 600px;}
.w840 {width: 840px;}

.imgBox {margin:90px auto 0;}

.imgBox div {overflow: hidden;}

.imgBox .floatL,
.imgBox .floatR {width:450px;}
.imgBox img {width: 100%;}

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

.imgBox a img{
transition: 0.1s 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;}

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

/*----　製品紹介枠 ----*/
.cattitle {
	margin: 115px 0 50px;
	font-size: 22px;
	font-weight: bold;
text-align: center;}

.cattitle:before {
  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 41px;
  height: 9px;
  background-image: url(https://img1.kakaku.k-img.com/images/article/tieup/22/11_jackery/prd_titleimg01.png);
background-repeat: none;
  background-size: contain;
  vertical-align: middle;}

.cattitle:after {
  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 41px;
  height: 9px;
  background-image: url(https://img1.kakaku.k-img.com/images/article/tieup/22/11_jackery/prd_titleimg02.png);
background-repeat: none;
  background-size: contain;
  vertical-align: middle;
}

.product02,
.product03{
	display: flex;}

.product02 + .product02 {
	margin-top: 20px;}

.product03 .item {
width: 300px;
background-color: #fff;}

.product03 .item + .item {
	margin-left: 14px;}

.product02 .item {
width: 455px;
background-color: #fff;}

.product02 .item + .item {
	margin-left: 20px;}

.product02 .name,
.product03 .name {
	background: #1a1a1a url(https://img1.kakaku.k-img.com/images/article/tieup/22/11_jackery/prd_namebg.png) left top no-repeat;
	color: #fff;
	font-size: 17px;
	font-weight: bold;
	padding: 15px 20px;}

.product02 .item a .img img,
.product03 .item a .img img{
	width: 100%;
transition: 0.1s ease-in-out;}

.product02 .item a:hover .img img,
.product03 .item a:hover .img img {
opacity: 0.8;
filter: alpha(opacity=80);	
}

.product02 .btn,
.product03 .btn {
	color: #fff;
	font-size: 14px;
	line-height: 45px;
	height: 45px;
	font-weight: bold;
	text-align: center;}

.product02 a .btn.h45,
.product03 a .btn.h45 {
line-height: 45px;
}

.product02 a,
.product03 a{
	display: block;}

.product02 a .btn {
	width: 355px;
	/*ブラックフライデー用*/
/*	height: 56px;
		padding: 6px 0;
	box-sizing: border-box;*/
	/*↑ここまで*/
	border-radius: 10px;
	background: #fd5000 url(https://img1.kakaku.k-img.com/images/article/tieup/22/11_jackery/link_arrow.svg) 325px 48% no-repeat;
	margin: 0 auto;
transition: 0.1s ease-in-out;}

.product02 a:hover .btn {
background: #fd8300 url(https://img1.kakaku.k-img.com/images/article/tieup/22/11_jackery/link_arrow.svg) 325px 48% no-repeat;	
}

.product03 a .btn {
	width: 250px;
	/*ブラックフライデー用*/
/*	height: 56px;
		padding: 6px 0;
	box-sizing: border-box;*/
	/*↑ここまで*/
	border-radius: 10px;
	background: #fd5000 url(https://img1.kakaku.k-img.com/images/article/tieup/22/11_jackery/link_arrow.svg) 230px 48% no-repeat;
	margin: 0 auto;
transition: 0.1s ease-in-out;}

.product03 a:hover .btn {
background: #fd8300 url(https://img1.kakaku.k-img.com/images/article/tieup/22/11_jackery/link_arrow.svg) 230px 48% no-repeat;
}

.product02 .data {
	padding: 25px 50px 40px;}

.product03 .data {
	padding: 25px 25px 40px;}

.product02 .data p,
.product03 .data p{
	font-size: 14px !important;
	line-height: 1.7 !important;
}

.product02 dl,
.product03 dl {

	margin-top: 5px;}

.product02 dt,
.product03 dt{
	display: block;
	background-color: #edecec;
	padding: 8px 10px;
		font-size: 13px;
	line-height: 1.6;
}

.product02 dd,
.product03 dd {
	padding: 10px 10px;
		font-size: 13px;
	line-height: 1.6;
}

.product02 .price,
.product03 .price {
	font-size:15px;
	font-weight: bold;
	color: #d20101 !important;
}

.product02 .cancel,
.product03 .cancel {text-decoration: line-through;
display: block;}

/*----　youTube　----*/
.movIcon{
text-align: center;
font-size: 18px;
margin-bottom: 30px;}

.movIcon .tit {
	display: block;
	background: url(https://img1.kakaku.k-img.com/images/article/tieup/22/11_jackery/mov_tit.png) center top no-repeat;
	height: 40px;
	text-indent: -999em;}

.movIcon .subtit:before {
  content: 'ー';
  display: inline-block;}

.movIcon .subtit:after {
  content: 'ー';
  display: inline-block;}

.youTube {
width: 760px;
margin: 0 auto 0;}


/*----　まとめ ----*/
.catchL {
	font-size: 28px !important;
	text-align: center;
	margin: 60px 0 !important;
}

/*----　キャンペーン ----*/
.cpbox {
	width: 930px;
	margin: 130px auto 0;
background-color:#f5f5f5;}

.cpbox .tit {
	background-color: #fd5000;
	padding: 22px;
	text-align: center;
	font-size: 22px;
	line-height: 1.7;
	font-weight: bold;
	color: #fff;
}

.cpbox .tit br{display: none;}

.cpbox .tit span {
	font-size: 30px;
	display: block;
}

.cpbox .data {
	padding: 50px 70px 70px;
}

.cpbox .data a{
	margin: 40px auto 0;
	display: block;
	width: 600px;
	height: 80px;
	font-size: 17px;
	line-height: 80px;
	color: #fff !important;
	text-decoration: none !important; 
	text-align: center;
	font-weight: bold;
	background:#fd5000 url(https://img1.kakaku.k-img.com/images/article/tieup/22/11_jackery/cp_arrow.png) right 50% no-repeat; 
	border-radius: 5px;
	transition: 0.1s ease-in-out;
}

.cpbox .data a br {
	display: none;
}

.cpbox .data a:hover {
	background: #fd8300 url(https://img1.kakaku.k-img.com/images/article/tieup/22/11_jackery/cp_arrow.png) right 50% no-repeat; 
}

/*----　maker ----*/
.makerBanner a {
	display: block;
	margin: 90px auto 0;
	width: 930px;
	transition: 0.1s ease-in-out;
}

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

/*==============================================
.blackFridayanchor
============================================= */
.bfanchor a{
	width: 604px;
	margin: 50px auto 0;
	display: block;
	transition: 0.1s ease-in-out;
}

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

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