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

.pconly {
	display: none;
}

#header {
border-bottom: #ededed solid 1px;
}
.copyRight { border-top: 1px solid #ededed; }
.pageTop {
width: 40px;
height: 40px;
right: 10px;
background-size: 40px;
border-radius: 50%;
}

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

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

h1 {
padding-top: 35.8%;
margin: -20px auto 0;
background: url(https://img1.kakaku.k-img.com/images/article/tieup/22/11_jackery/sp_title.png) no-repeat center top;
background-size: 90%;
text-indent: -999em;
font-size: 0;
 z-index: 10;
text-align: center;
position: relative;
top: -5px;}

.spbg {
	background-color: #fd5000;
}

/*--　animation　--*/
.image-crossfader {
  overflow: hidden;
  position: relative;
  height: 240px;
width: 100%;
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/sp_bg_img01.jpg');
}
.image-crossfader-inner:nth-child(2) {
  background-image: url('https://img1.kakaku.k-img.com/images/article/tieup/22/11_jackery/sp_bg_img02.jpg');
}
.image-crossfader-inner:nth-child(3) {
  background-image: url('https://img1.kakaku.k-img.com/images/article/tieup/22/11_jackery/sp_bg_img03.jpg');
}

p.lead {
color: #fff;
padding: 18px 25px 25px;
font-size: 1.28rem;
line-height: 1.7;
}

/*-- anchor --*/
.contentsNavi {
padding: 25px;
background-color: #f5f5f5;}

.contentsNavi a {
	display: block;
	font-size: 1.28rem;
	line-height: 1.6;}

.contentsNavi a + a{
	margin-top: 18px;
}

.contentsNavi a br {
	display: none;
}

.contentsNavi a .iconbox01,
.contentsNavi a .iconbox02,
.contentsNavi a .iconbox03{
	background-color: #dcdcdc;
	text-indent: -999em;
	font-size: 0;
	display: block;
	margin-bottom: 10px;
	padding-top: 10%;
}

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

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

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



/*==============================================
 #mainContents
============================================= */
/*----- 文字 -----*/
#mainContents .paragraph,
#mainContents .mainTitleWrap,
#mainContents .lead,
#mainContents .contentsNavi,
.movBox{
font-feature-settings: "palt" 1;
letter-spacing: 0.03em;}

.paragraph p {
font-size: 1.28rem;
line-height: 1.9;
margin-top: 30px;
}
.paragraphIn > p:first-child {
margin-top: 10px;
}
.paragraph .cap {
font-size: 1.1rem;
line-height: 1.6;
margin-top: 10px !important;
}

/*----　paragraph　----*/
.paragraph {
padding: 50px 25px;}

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

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



.paragraph h2 {
position: relative;
padding: 0 0 20px;
	font-size: 1.6rem;
	line-height: 1.6;
font-weight: bold;
text-align: center;}

.paragraph h2 .small {
	display: block;
	font-size: 1.2rem;
}


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

#article01 .icon{
padding-top: 23%;
background:  url(https://img1.kakaku.k-img.com/images/article/tieup/22/11_jackery/sp_h2_icon01.png) center top no-repeat;
background-size: 80%;}
#article02 .icon{
padding-top: 23%;
background:  url(https://img1.kakaku.k-img.com/images/article/tieup/22/11_jackery/sp_h2_icon02.png) center top no-repeat;
background-size: 80%;}
#article03 .icon{
padding-top: 21%;
background:  url(https://img1.kakaku.k-img.com/images/article/tieup/22/11_jackery/sp_h2_icon03.png) center top no-repeat;
background-size: 80%;}


/*----- 画像 -----*/
.imgBox {margin-top: 30px;}
.imgBox div {overflow: hidden;}
.imgBox img {width: 100%;}
.imgBox div + .cap{
	margin-top: 15px;}
.imgBox a + .cap {
	margin-top: 0;}

.col2 div {
display: table;}

.col2 div a,
.col2 div p.cap{
display: table-cell;
width: 49%;
vertical-align: middle;}

/*----　製品紹介枠 ----*/
.cattitle {
	margin: 58px 0 30px;
	font-size: 1.6rem;
	line-height: 1.5;
	font-weight: bold;
	padding: 20px 0 0;
text-align: center;
background:url(https://img1.kakaku.k-img.com/images/article/tieup/22/11_jackery/sp_prd_titleimg.png) center top no-repeat;
background-size: 50px;}

.spfontL{
	font-size: 2rem;
}

.cattitle span {
	display: block;
	font-size: 1.15rem;
}

.product03 .item,
.product02 .item{
margin-top: 20px;
background-color: #fff;}


.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: 1.54rem;
	line-height: 1.5;
	font-weight: bold;
	padding: 15px 20px;}

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

.product02 .item a .img img,
.product03 .item a .img img{
	width: 100%;}

.product02 .btn,
.product03 .btn {
	color: #fff;
	font-size: 1.16rem;
	font-weight: bold;
	/*ブラックフライデー用*/
	line-height: 1.6;
	padding: 10px 5px;
	box-sizing: border-box;
	/*↑ここまで*/
	/*line-height: 52px;*/
	text-align: center;
margin: 0 30px;
	/*height: 52px;*/
	border-radius: 10px;
	background: #fd5000 url(https://img1.kakaku.k-img.com/images/article/tieup/22/11_jackery/link_arrow.svg) 95% 48% no-repeat;
	background-size: 10px;
transition: 0.1s ease-in-out;}

.product02 .data,
.product03 .data {
	padding: 0 30px 25px;}

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

.product02  p.spectit,
.product03  p.spectit{
	font-size: 1.2rem !important;
	margin-top: 20px !important;}

.product02 dl,
.product03 dl {

	margin-top: 5px;}

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

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

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

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

/*----- 動画 -----*/


.movIcon{
text-align: center;
font-size: 1.2rem;
margin-bottom: 15px;
}

.movIcon .tit {
	display: block;
	background: url(https://img1.kakaku.k-img.com/images/article/tieup/22/11_jackery/sp_mov_tit.png) center top no-repeat;
	background-size: 86%;
	padding-top: 13%;
	text-indent: -999em;}

.movIcon .subtit:before {
  content: 'ー';/*何も入れない*/
  display: inline-block;/*忘れずに！*/}

.movIcon .subtit:after {
  content: 'ー';/*何も入れない*/
  display: inline-block;/*忘れずに！*/}


/*----- youTube -----*/
.youTube {
margin-top: 30px;
}
.youTubeWrap {
position: relative;
padding-top: 56.25%;
height: 0;
overflow: hidden;
margin-bottom:10px;
}
.youTube iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


/*----　まとめ ----*/
.catchL {
	font-size: 1.5rem !important;
	font-weight: bold;
	text-align: center;
	margin: 40px 0 0 !important;
}

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

.cpbox .img img {
	width: 100%;
}

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

.cpbox .tit span {
	font-size: 1.6rem;
	padding-bottom: 5px;
	display: block;
}

.cpbox .data {
	padding: 25px;
}

.cpbox .data p {
	margin-top: 0 !important;
}

.cpbox .data a{
	margin: 20px auto 0;
	display: block;
	padding: 15px 20px 15px 5px;
	font-size: 1.1rem;
	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; 
	background-size: 22px;
	border-radius: 5px;
	box-sizing: border-box;
}

.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: 50px auto 0;
}

.makerBanner a img {
	width: 100%;
}


/*==============================================
.blackFridayanchor
============================================= */
.bfanchor{
	padding: 0 25px 25px;
}
.bfanchor a{
	display: block;
}

.bfanchor a img {
	width: 100%;
}

/*==============================================
.releasedate
============================================= */
.releasedate {
	font-size: 0.85rem; 
	padding: 0 25px 30px;
	color: #333;}

#footer {
	padding-top: 30px;}