@charset "utf-8";
#G-MAIN-AREA{position:relative;}
#G-MAIN-AREA .m-layout{width:100%;}
#CONTENT{width:100%;padding-bottom:0 !important;}
#GNavi{margin:0 auto 0;}
#Breadcrumb{width:960px;margin:0 auto 15px;}
/* COMMON */
.inner {width:980px;margin:0 auto;}
.vol26 #G-MAIN-AREA{
	overflow: hidden;
}
.fixContact{
	display: grid;
	padding: 28px 25px;
	position: fixed;
	bottom: 260px;
	right: 0;
	z-index: 99;
	background-color: #053190;
	-webkit-border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}
.fixContact a{
	width: 20px;
	line-height: 1;
	color: #ffffff;
	font-size: 20px;
	font-weight: bold;
	text-transform: full-width; 
	text-orientation: upright;
	text-decoration: none;
}
.fixContact a:hover{
	text-decoration: none;
}
/*********** SPECIAL *************/
#localNavi{ 
	width: 100%;
	margin: 0;
	background: #9bdfe0;
    position: relative;
    z-index: 9;
}
#localNavi.posFix{
	position: fixed;
	top: 0;
}

#localNavi #mainNav ul{
	width: 980px;
	margin:0 auto;
	padding: 28px 0;
}
#localNavi #mainNav li{
	float:left;
	width: auto;
	text-align: left;
	margin-right: 72px;
}
#localNavi #mainNav li:last-child{
	text-align: right;
}
#localNavi #mainNav li a{
	font-size: 20px;
	font-weight: bold;
	color: #333333;
	display: inline-block;
	background: url(/jp/ja/others/tapemuseum/special/vol26/bg_mainNav.png) no-repeat center right;
	-webkit-background-size: 12px auto;
	     -o-background-size: 12px auto;
	        background-size: 12px auto;
	padding-right: 25px;
	text-decoration: none;
}
/*end of localNavi*/
#AreaTop{
	width: 100%;
	background: url(/jp/ja/others/tapemuseum/special/vol26/bg_top_cont.jpg) repeat top center;
}
#AreaTop .Cont{
	width: 100%;
	/*max-width: 1440px;*/
	margin:0 auto;
}
#AreaTop .Cont img{
	width: 100%;
	height: auto;
}
.mainNav{
	width: 100%;
}
#AreaA{
	width: 100%;
	background: url(/jp/ja/others/tapemuseum/special/vol26/bg_testA.png) #ffffff no-repeat top center ;
	background-size: 1440px auto;
	padding: 76px 0 85px;
}
#AreaA .inner,
#AreaB .inner{
	text-align: center;
}
#AreaA .inner h3,
#AreaB .inner h3{
	display: inline-block;
	margin-bottom: 35px;
}
#AreaA .inner h3:after,
#AreaB .inner h3:after{
	content: '';
	border-bottom: 4px solid #9bdfe0;
	display: inline-block;
	width: 60px;
	padding-top: 22px;
}
#AreaA .inner .txtTapeTest,
#AreaB .inner .txtTapeProperty{
	font-size: 16px;
	color: #333333;
	line-height: 2;
}
/*end of AreaA*/
#AreaB{
	background: #e9f0eb;
	padding: 76px 0;
}

#AreaB .tapeProperty{
	background: #ffffff;
	width: 100%;
	position: relative;
	padding: 50px 0;
}
#AreaB .inner .txtTapeProperty{
	margin-bottom: 40px;
}
#AreaB .tapeProperty h4{
	position: absolute;
	left: 40px;	
}
#AreaB .tapeProperty .charter01,
#AreaB .tapeProperty .charter02,
#AreaB .tapeProperty .charter03{
	width: 280px;
	position: absolute;
	text-align: left;	
}
#AreaB .tapeProperty .charter01{
	top: 27%;
	left: 40px;
}
#AreaB .tapeProperty .charter02{
	top: 15.5%;
	right: 40px;
}
#AreaB .tapeProperty .charter03{
	bottom: 15%;
	right: 40px;
}
#AreaB .tapeProperty h5{
	color: #4b6d51;
	font-size: 24px;
	margin-bottom: 20px;
}
#AreaB .tapeProperty p{
	margin-bottom: 5px;
	font-size: 16px;
}
#AreaB .btnChracter a{
	display: inline-block;
	border: 2px solid #4b6d51;
	border-radius: 4px;
	color: #4b6d51;
	padding: 14px 0;
	width: 100%;
	text-align: center;
	transition: 0.3s;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
}
#AreaB .btnChracter a:after{
	content: '';
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 6px 0 6px;
	border-color: #9bdfe0 transparent transparent transparent;
	margin-left: 38px;
}

/*common*/
.titleCharacter img{
	width: 100%;
	height: auto;
}
.txtCharacter{
	font-size: 16px;
	color: #ffffff;
	text-align: center;
	margin-bottom: 20px;
}
/*common*/

/*#ExperienceTack*/
#ExperienceTack{
		width: 100%;
		background: url(/jp/ja/others/tapemuseum/special/vol26/bg_top_cont.jpg) repeat top center;
		padding: 75px 0 40px;
}
#ExperienceTack .titleCharacter{
	width: 374px;
	margin: 0 auto 25px;
}

/*animate*/

#ExperienceTack .experienceTackanimate{
	width: 100%;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}

#ExperienceTack .experienceTackanimate .truckStrong,
#ExperienceTack .experienceTackanimate .truckWeak{
	width: 50%;
	position: relative;
	padding: 7% 0 5%;
}
.truckSlide{
	width: 80%;
	margin-left: 6%;
}
.experiecnetackPress{
	width: 21.3%;
	position: absolute;
	right: 0;
	top: 0px;
}

.experienceTackanimate .iconHuman{
	/*background-image: url(/jp/ja/others/tapemuseum/special/vol26/exptack_human.svg);*/
	background-size: 100%;
    position: absolute;
	right: 22%;
	top: 8%;
	width: 17.5%;
	height: 20%;
}
.experienceTackanimate .iconHuman:hover{
	cursor: pointer;
}
.experienceTackanimate .iconHuman.glow{
	background-image: url(/jp/ja/others/tapemuseum/special/vol26/exptack_human_glow.svg);
	background-size: 98%;
}

.experienceTackanimate .truckStrong .iconHuman.active{
	animation: truckStrong 3s ease-out , truckStrong_pause 3s;
	background: none;
}

.experienceTackanimate .truckWeak .iconHuman.active{
	animation: truckWeak 3s ease-out , truckWeak_pause 3s;
	background: none;
}

/*Animation keyframe*/

/*truckStrong*/
@keyframes truckStrong {
  0% {
    right: 22%;
	transform: translateY(0px);
  }
  20% {
  	right: 29%;
    transform: translateY(76%);
  }
  40%{
  	right: 35%;
    transform: translateY(118%);
  }
  
  60% {
  	right: 41%;
    transform: translateY(158%);
  }

  80% {
  	right: 47%;
    transform: translateY(200%);
  }
  90% {
    right: 47%;
    transform: translateY(200%);
  }

  100% {
  	right: 47%;
    transform: translateY(200%);
  }
}

@keyframes truckStrong_pause {
  20% {
    right: 29%;
    transform: translateY(76%);
  }
  40%{
    right: 35%;
    transform: translateY(118%);
  }
  
  60% {
    right: 41%;
    transform: translateY(158%);
  }
  80% {
    right: 47%;
    transform: translateY(200%);
  }
  90% {
    right: 47%;
    transform: translateY(200%);
  }

  100% {
    right: 47%;
    transform: translateY(200%);
  }
}
/*truckStrong*/

/*truckWeak*/

@keyframes truckWeak {
  0% {
    right: 22%;
	transform: translateY(0);
  }
  20% {
    right: 29%;
    transform: translateY(76%);
  }
  40%{
    right: 35%;
    transform: translateY(118%);
  }
  60%{
    right: 70%;
    transform: translateY(335%);
  }

  100% {
    right: 70%;
    transform: translateY(335%);
  }
}


@keyframes truckWeak_pause {
  20% {
    right: 29%;
    transform: translateY(76%);
  }
  60%{
    right: 70%;
    transform: translateY(335%);
  }
   100% {
     right: 70%;
    transform: translateY(335%);
  }
}

/*truckWeak*/

/*animate*/

#ExperienceTack .txtPackingtape{
	font-size: 24px;
	font-weight: bold;
	color: #4a6c51;
	padding: 6px 0;
	width: 100%;
	text-align:center;
	background: #ffffff;
}

#ExperienceTack .txtPackingtape span{
	color: #29cfd1;
}
#ExperienceTack .relateProducts{
	background: #5c7c63;
	padding: 20px 0 65px ;
}
#ExperienceTack .ttlRelateproduct{
	font-size: 22px;
	font-weight: bold;
	color: #ffffff;
	padding: 0 120px;
	margin-bottom: 20px;
  text-align: center;
}
#ExperienceTack .productGroup{
	width: 76%;
	max-width: 742px;
	margin: 0 auto;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
  justify-content: center;
}
#ExperienceTack .product{
	width: 30%;
	display: inline-block;
	text-align: left;
	margin-right: 5%;
}
#ExperienceTack .product:last-child{
	margin-right: 0;
}
#ExperienceTack .productImg img{
	width: 100%;
	height: auto;
	
}
#ExperienceTack .productImg{
	margin-bottom: 15px;
}

#ExperienceTack .productName .txtProductname{
	font-size: 16px;
	color: #ececec;
	text-align: center;
	margin-bottom: 15px;
}
#ExperienceTack .productName .txtProductname span{
  font-weight: bold;
}
#ExperienceTack .productDetail{
	width: 100%;
	text-align: center;
	font-size: 16px;
	color: #ffffff;
    display: inline-block;
    border: 1px solid #ffffff;
    border-radius: 4px;
    padding: 4px 0;
    
}
#ExperienceTack .productDetail:hover{
	text-decoration: none;
}
br.Sp{
	display: none;
}

/*end ExperienceTack*/

/*Adhesive Force*/
#AdhesiveForce,
#HoldingPower{
	width: 100%;
	background: url(/jp/ja/others/tapemuseum/special/vol26/bg_top_cont.jpg) repeat top center;
	padding: 75px 0 0 0;
}

.titleCharacter{
	width: 34%;
	margin: 0 auto 25px;
}
.titleCharacter.titleCharacter02{
	width: 45.2%;
}

.titleCharacter img{
	width: 100%;
	height: auto;
}
.txtCharacter{
	font-size: 16px;
	color: #ffffff;
	text-align: center;
	margin-bottom: 20px;
}

.adhesiveForce{
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	    margin-bottom: 75px;
}

.adhesiveImage{
	margin-bottom: 0;
}

.adhesiveStrong,
.adhesiveWeak{
	width: 50%;
}


.adhesiveImage{
	width: 90%;
	height: auto;
	margin: 0 auto 60px;
}

.adhesiveImage img{
	width: 100%;
	height: auto;
}

.relatedProducts{
	width: 90%;
	background: #5b7860;
	padding: 40px 15px;
	margin: 0 auto;
}

.ttlProducts{
	font-size: 22px;
	font-weight: bold;
	color: #ffffff;
	margin-bottom: 22px;
  text-align: center;
}

.productList{
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
  justify-content: center;
  }

.listItem{
	width: 30%;
	margin-right: 16px;
}

.listItem:last-child{
	margin-right: 0;
}

.itemImage{
	width: 100%;
	margin-bottom: 15px;
}

.itemImage img{
	width: 100%;
	height: auto;
}

.itemText .itemName{
	font-size: 13px;
	color: #ececec;
	line-height: 1.57;
	margin-bottom: 35px;
  text-align: center;
}
.itemText .itemName span{
  font-weight: bold;
}
.itemText .itemName.note{
	margin-bottom: 15px;
}
.itemText .itemName.rubber_tape{
  margin-bottom: 55px;
}

.productLink{
	text-decoration: none;
	display: inline-block;
	font-size: 14px;
	color: #ffffff;
	text-align: center;
	border: 1px solid #ffffff;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	padding: 6px 15px;
}

.productLink:hover{
	text-decoration: none;
}

/*TestMethod*/
.testMethod{
	background: url(/jp/ja/others/tapemuseum/special/vol26/bg_tape_method_01.png) no-repeat center #e9f0eb;
  -webkit-background-size: auto;
       -o-background-size: auto;
          background-size: auto;
	text-align: center;
	padding: 56px 0;
}
.testMethod.testMethod02{
  background: url(/jp/ja/others/tapemuseum/special/vol26/bg_tape_method_02.png) no-repeat center #e9f0eb;
  -webkit-background-size: auto;
       -o-background-size: auto;
          background-size: auto;
  padding: 56px 0 30px;
}
.ttlTestimg{
	width: 15%;
	margin-bottom: 50px;
}
.testGroup{
	width: 100%;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}
.testMethod01{
	margin-bottom: 40px;
}
.testImg{
	width: 42.5%;
}
.testImg img{
	width: 100%;
	height: auto;
}
.testDescrption{
	width: 53%;
	text-align: left;
	margin-left: 40px;
}
.testDescrption .ttlTest{
	color: #4b6d51;
	font-size: 22px;
	font-weight: bold;
}
.testDescrption .txtTest{
	font-size: 16px;
	color: #333333;
	line-height: 2;
}
/*TestMethod*/

/*Adhesive Tape*/ 
.tape_inner{
	width: 1300px;
}
.tape_inner .adhesiveImage {
    width: 100%;
    height: auto;
    margin: 0 auto 0;
}
.tape01,.tape02{
  position: relative;
  display: block;
  text-align:left 
}
.tape02{
  width: 100%;
  padding: 42% 0;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
   .tape02{
 		padding: 40% 0;
	}
}
.adhesiveImage .img_adhesive{
  position: absolute;
  width: 168px;
  height: auto;
  margin-right: 25%;
  top: 0;
}
.tape02 .img_adhesive{
  left: 55%;
}
.tape01 .img_adhesive{
  left: 27%;
}
.adhesive{
  position: absolute;
  bottom: 60%;
}
.adhesive:hover{
	cursor: pointer;
}
.icon {
  display: inline-block;
  width: 80px;
  height: 150px;
  background-size: cover;
 
}
.tape02 .iconHuman{
  width: 644px;
  height: 280px;
  position: absolute;
   opacity: 0;
}

.tape02 .iconHuman.one.active{
  animation: step01 2s linear;
}
.tape02 .iconHuman.two.active{
  animation: step02 2s linear;
}
.tape02 .iconHuman.three.active{
  animation: step03 2s linear;
}
.tape02 .iconHuman.four.active{
  animation: step04 2s linear;
}
.tape02 .iconHuman.five.active{
  animation: step05 2s linear;
}
.tape02 .one{
  opacity: 1;
  
}

.tape01{
  width: 100%;
  padding: 40% 5%;
}
.tape01 .iconHuman{
  width: 432px;
  height: 280px;
  opacity: 0;
  position: absolute;
    
}
.tape01 .one{
  opacity: 1;
}
.tape01 .iconHuman.one.active{
  animation: tapestep01 1.5s linear ;
}
.tape01 .iconHuman.two.active{
  animation: tapestep02 1.5s linear ;
}
.tape01 .iconHuman.one.glow{
   background-image: url(/jp/ja/others/tapemuseum/special/vol26/tape01_glow.png);
}
.tape01 .iconHuman.one.active.glow{
  background-image: url(/jp/ja/others/tapemuseum/special/vol26/images/tape_normal01.png);
}
.tape02 .iconHuman.one.glow{
  background-image: url(/jp/ja/others/tapemuseum/special/vol26/tape02_glow.png);
}
.tape_inner .relatedProducts{
	width: 68%;
	margin-right: 0;
}
.tape_inner .adhesiveWeak .relatedProducts{
	margin-left: 3%;
}
.adhesiveImage .adhesive_press{
	width: 12.7%;
	position: absolute;
	bottom: 47%;
	left: 12%;
	z-index: 8;
}
.adhesiveStrong .adhesiveImage .adhesive_press{
	width: 14%;
	position: absolute;
	bottom: 46%;
	left: 37%;
	z-index: 8;
}

@keyframes step01{
  0%{
    opacity: 0;
    }

  100%{
     opacity: 0;
  }
  

}
@keyframes step02{
  0%{
     opacity: 1;
  }
  5%{
     opacity: 1;
  }
  6%{
    opacity: 0;
  }
  10%{
     opacity: 0;
  }
  11%{
     opacity: 0;
  }
  15%{
      opacity: 0;
  }
  16%{
     opacity: 0;
  }

  100%{
      opacity: 0;
  }
  

}
@keyframes step03{
  0%{
     opacity: 0;
  }
  5%{
      opacity: 0;
  }
  6%{
     opacity: 1;
  }
  10%{
     opacity: 1;
  }
  11%{
     opacity: 0;
  }
  15%{
     opacity: 0;
  }
  16%{
     opacity: 0;
  }

  100%{
     opacity: 0;
  }
  

}
@keyframes step04{
  0%{
    opacity: 0;
  }
  5%{
     opacity: 0;
  }
  6%{
    opacity: 0;
  }
  10%{
     opacity: 0;
  }
  11%{
     opacity: 1;
  }
  15%{
     opacity: 1;
  }
  16%{
      opacity: 0;
  }

  100%{
      opacity: 0;
  }
  

}
@keyframes step05{
  0%{
    opacity: 0;
  }
  5%{
     opacity: 0;
  }
  6%{
      opacity: 0;
  }
  10%{
      opacity: 0;
  }
  11%{
      opacity: 0;
  }
  15%{
      opacity: 0;
  }
  16%{
      opacity: 1;
  }

  100%{
     opacity: 1;
  }
  

}
@keyframes tapestep01{
  0%{

    opacity: 1;
  }
  25%{
     
     opacity: 1;
  }
  26%{
      opacity: 0;
  }
  50%{
      opacity: 0;
  }
  51%{
      opacity: 1;
  }

  75%{
     opacity: 1;
  }
  76%{
     opacity: 0;
  }

  100%{
      opacity: 0;
  }
}
@keyframes tapestep02{
  0%{
    opacity: 0;
  }
  25%{
     
     opacity: 0;
  }
  26%{
      opacity: 1;
  }
  50%{
      opacity: 1;
  }
  51%{
     opacity: 0;
  }

  75%{
      opacity: 0;
  }
  76%{
     opacity: 1;
  }

  100%{
     opacity: 1;
  }
}

/*End Adhesive Tape*/ 

/*holdingPower*/

#HoldingPower .holdingPowerstrong,
#HoldingPower .holdingPowerweak{
	width: 84%;
	margin-bottom: 10%;
	padding: 4% 8%;
	position: relative;
}

#HoldingPower .holdingPower{
	width: 100%;
	margin: 0 auto;
}
#HoldingPower .holdingpowerPress{
	width: 21.3%;
	position: absolute;
	left: 30%;
	bottom: 20%;
}

#HoldingPower .iconHuman{
	background-size: 100%;
    position: absolute;
	right: 21%;
	top: 40%;
	height: 55.9%;	
}

#HoldingPower .iconHuman:hover{
	cursor: pointer;
}

#HoldingPower .iconHuman.glow,
#HoldingPower .holdingPowerweak .iconHuman.noSwap.glow{
	background-image: url(/jp/ja/others/tapemuseum/special/vol26/holding_human_glow.svg);
}


#HoldingPower .holdingPowerstrong .iconHuman.active{
	animation: powerStrong 5s linear , powerStrong_pause 5s;
}

#HoldingPower .holdingPowerweak .swat{
	 opacity: 0;
}
#HoldingPower .holdingPowerweak .noSwap.active{
	animation: powerWeak01 3s linear;
}
#HoldingPower .holdingPowerweak .swat.active{
	animation: powerWeak02 3s linear;
}
#HoldingPower .holdingPowerweak .noSwap.active.glow,
#HoldingPower .holdingPowerstrong .iconHuman.active.glow{
	background-image: none;
}

/*keyframe animate*/

@keyframes powerStrong{
  0%{
    transform: translateY(0);
  }
  20%{
     transform: translateY(-50%);
  }
  100%{
     transform: translateY(-50%);
  }


}
@keyframes powerStrong_pause{
  50%{
     transform: translateY(-50%);  
  }
  60%{
     transform: translateY(-50%);
  }
  80%{
     transform: translateY(-50%);
  }
  100%{
     transform: translateY(-50%);
  }
}

@keyframes powerWeak01{
  0%{
     transform: translateY(0%);
     opacity: 1; 
  }
  20%{
     transform: translateY(-50%);  
      opacity: 1; 
  }
  
  59%{
     transform: translateY(-44%);  
      opacity: 1; 
  }

  60%{
     transform: translateY(-44%);  
      opacity: 0; 
  }

  80%{
     transform: translateY(0%); 
      opacity: 0; 
  }
  99%{
     transform: translateY(0%);  
      opacity: 0; 
  }
  100%{
     transform: translateY(0%);
      opacity: 1; 
  }
  
}

@keyframes powerWeak02{
  0%{
    transform: translateY(0%);
     opacity: 0; 
      
  }
  20%{
     transform: translateY(-50%);  
      opacity: 0; 
  }
  
  59%{
     transform: translateY(-44%);  
      opacity: 0; 
  }

  60%{
     transform: translateY(-44%);  
      opacity: 1; 
  }

  80%{
     transform: translateY(0%);  
      opacity: 1; 
  }
  99%{
     transform: translateY(0%);  
      opacity: 1; 
  }
  100%{
     transform: translateY(0%);
     opacity: 0; 
  }
  
}


/*keyframe animate*/


#BoardSec .inner {
	width: 75%;
	max-width: 980px;
	margin: 0 auto;
	padding: 70px 0 60px;
	position: relative;
}

#BoardSec .inner img.boardImg {
	width: 100%;
	height: auto;
}

#BoardSec .inner p {
	font-size: 16px;
	line-height: 2;
	color: #FFF;
	width: 75.5102%;
	max-width: 740px;
	position: absolute;
	top: 74%;
	left: 50%;
	transform: translate(-50%, -50%);
}

/*for board text only*/
@media only screen and (min-width: 750px) and (max-width: 1200px) {

	#BoardSec .inner p {
		width: 80.5102%;
		max-width: 740px;
		font-size: 1.25vmin;
	}
}

/*end of for board text only*/

/*Summary Section*/

#SummarySec  {
	width: 100%;
		background-color: #9bdfe0;
}
#SummarySec .mainInner {
	width: 82.63888%;
	max-width: 1190px;
	margin: 0 auto;
	background: url('/jp/ja/others/tapemuseum/special/vol26/bg_tape_pc.png') no-repeat;
	-webkit-background-size: 100% auto;
	     -o-background-size: 100% auto;
	        background-size: 100% auto;
}
#SummarySec .inner {
	width: 82.35294%;
	max-width: 980px;
	padding: 4.16666% 0;
}

#SummarySec img {
	width: 11.0204%;
	max-width: 108px;
	display: block;
	margin: 0 auto 5.1020% auto;
}

#SummarySec .txtSec {
	width: 75.510204%;
	max-width: 740px;
	margin: 0 auto;
}

#SummarySec .txtSec p {
	font-size: 18px;
	font-weight: bold;
	font-family: 'NotoSansCJK',sans-serif;
	line-height: 1.88;
	margin: 0 0 4.9% 0;
	position: relative; 
	padding: 0 0 0 6%;
}

#SummarySec .txtSec p:before {
	content: "";
	width: 26px;
	height: 21px;
	position: absolute; 
	background: url('/jp/ja/others/tapemuseum/special/vol26/btn_check_pc.png') no-repeat;
	-webkit-background-size: 26px 21px;
	     -o-background-size: 26px 21px;
	        background-size: 26px 21px;
	left: 0;
	top: 28%;
	-webkit-transform: translateY(-50%);
	   -moz-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	     -o-transform: translateY(-50%);
	        transform: translateY(-50%);
	
}

#SummarySec .estimateTape {
	width: 75.332%;
	max-width: 740px;
	background: #b9e9e9;
	margin: 0 auto;
	padding: 30px 0 40px 0;
}


#SummarySec .estimateTape h3 {
	font-size: 20px;
	font-weight: bold;
	color: #4B6D51;
	text-align: center;
}

#SummarySec .estimateTape .reference {
	width: 62.162%;
	max-width: 460px;
	margin: 0 auto 5.04% auto;
}

#SummarySec .estimateTape .reference span,
#SummarySec .estimateTape .reference a {
	font-size: 14px;
	font-weight: normal;
	color: #555555;
	display: inline-block;
}

#SummarySec .estimateTape a {
	margin-left: 2.05479%;
	border-bottom: 1px solid #555555;
}

#SummarySec .estimateTape a:hover {
	text-decoration: none;
}


#SummarySec .estimateTape h4 {
	font-size: 18px;
	font-weight: bold;
	color: #333333; 
	margin: 0 0 2.076% 0;
}

#SummarySec .estimateTape .tapeTest {
	width: 89.1891%;
	margin: 0 auto;
}

#SummarySec .estimateTape .tapeTest ul {
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}

#SummarySec .estimateTape .tapeTest li {
	width: 33.2%;
}

#SummarySec .estimateTape .tapeTest li p,
#SummarySec .estimateTape .tapeTest li p span {
	font-size: 15px;
	font-weight: normal;
	color: #333333;
	line-height: 2.2;
}

#SummarySec .estimateTape .tapeTest li p span {
	margin-right: 6.009%;
}

#SummarySec .estimateTape .tapeTest li p .twoNum {
	margin-right: 5.756756%;
}
/*end of Summary Section*/

/*Recommand Section*/
#RecomSec {
	width: 100%;
	background: #E9F0EB;
}

#RecomSec .inner,
#SliderSec .inner {
	padding: 4.1% 0;
}
#RecomSec .ttlSec {
	text-align: center;
	margin: 0 0 3.367% 0;
}

#RecomSec .ttlSec img {
	width: 23.0612244%;
	max-width: 226px;
	margin: 0 auto 1.020% auto;
}

#RecomSec .ttlSec p {
	font-size: 15px;
	color: #333333;
	margin: 0 0 0.9% 0;
}

#RecomSec .bnrSec a{
	width: 48.26%;
	display: inline-block;
}
 #RecomSec .bnrSec a img {
	width: 100%;
	height: auto
}
#RecomSec .bnrSec a:first-child {
	margin: 0 2.0408% 0 0;
}
/*end of Recommand Section*/

/*slider section*/

#SliderSec .inner h3 {
	font-size: 26px;
	font-weight: bold;
	color: #5286c9;
	text-align: center;
	padding: 0 0 10px 0;
}

#SliderSec .inner .slider {
	width: 90.3061%;
	margin: 0 auto;
}

#SliderSec .inner .slider .slideSec {
	width: 280px;
}

#SliderSec .inner .slider .slideSec img {
	width: 100%;
	margin: 0 0 4.3% 0;
}

#SliderSec .inner .slider .slideSec p {
	font-size: 14px;
	font-weight: normal;
	color: #333333;
}

.slick-slide {
	margin: 0 10px;
}

.slick-list {
	margin: 0 -10px;
}

#SliderSec .slick-prev {
    left: -6.7796%;
    top: 35%;
}

#SliderSec .slick-next {
    right: -3.61581%;
    top: 35%;
}

#SliderSec .slick-prev:before {
	content: "";
	width: 24px;
	height: 38px;
	position: absolute; 
	background: url('/jp/ja/others/tapemuseum/special/vol26/arrow_left.png') no-repeat;
	-webkit-background-size: 24px 38px;
	     -o-background-size: 24px 38px;
	        background-size: 24px 38px;
}

#SliderSec .slick-next:before {
	content: "";
	width: 24px;
	height: 38px;
	position: absolute; 
	background: url('/jp/ja/others/tapemuseum/special/vol26/arrow_right.png') no-repeat;
	-webkit-background-size: 24px 38px;
	     -o-background-size: 24px 38px;
	        background-size: 24px 38px;
}


.slick-dots-container {
  width: 5.5rem;
  overflow: hidden;
  display: block;
  padding: 0;
  margin: 2rem auto auto;
  height: 0.875rem;
  position: relative;
}

.slick-dots-container > ul {
  padding: 0;
  display: flex;
  transition: all 0.25s;
  position: relative;
  margin: 0;
  list-style: none;
  transform: translateX(0);
  align-items: center;
  bottom: unset;
  height: 100%;
}

.slick-dots-container > ul li {
  width: 0.625rem;
  height: 0.625rem;
  margin: 0 0.25rem;
  border: 1px solid #5286c9;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 50%;
}

.slick-dots-container > ul li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  padding: 0.3125rem;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: 0;
  background: 0 0;
}


.slick-dots-container > ul li.slick-active {
  background: #3498db;
}

.slick-dots li button:before {
  display: none;
}

/*end of slider section*/

/*tap museum btn*/
.btnTapeMuseum {
	width: 100%;
	text-align: center;
	margin: 0 0 7.2% 0;
}

.btnTapeMuseum a {
	font-size: 16px;
	font-weight: bold;
	width: 357px;
	padding: 12px 0;
	display: inline-block;
	-webkit-border-radius: 23px;
	        border-radius: 23px;
	text-align: center;
	background: #5286c9;
	color: #FFF;
}

.btnTapeMuseum a:hover {
	text-decoration: none;
	opacity: 0.9; 
}
/*end of tap museum btn*/




/****** SP *****/
@media only screen and (max-width:736px){
	body{-webkit-text-size-adjust:100%;}
	#MainCont{padding: 0;}
	#AreaA .Cont{width:100%;margin:0 auto;}
	/* COMMON */
	.inner {width: 92%;margin:0 auto;}
	/*localNavi*/

	#ExperienceTack {
    	padding: 12% 0;
	}
	#BoardSec .inner {width: 92%;margin:0 auto;}
	#localNavi #mainNav ul{
		width: 100%;
		margin:0 auto;
		padding: 0;
		display: flex;
		flex-wrap: wrap;
	}
	#localNavi #mainNav li{
		width: 50%;
		display: inline-block;
		float: none;
		text-align: left;
		margin-right: 0;
		box-sizing: border-box;
	}
	#localNavi #mainNav li:nth-child(1){
		border-right: 1px solid #ffffff;
		border-bottom: 1px solid #ffffff;	
	}
	#localNavi #mainNav li:nth-child(2){
		border-bottom: 1px solid #ffffff;
	}
	#localNavi #mainNav li:last-child{
		text-align: left;
		border-left: 1px solid #ffffff;
	}
	#localNavi #mainNav li a{
		font-size: 3.733vmin;
		padding: 4.66% 3.33%;
		font-weight: bold;
		color: #333333;
		display: inline-block;
		background: url(/jp/ja/others/tapemuseum/special/vol26/bg_mainNav.png) no-repeat center right 7%;
		-webkit-background-size: 8% auto;
		     -o-background-size: 8% auto;
		        background-size: 8% auto;
		padding : 10.4% 9.33%;
		width: 100%;
		box-sizing: border-box;
	}
	#localNavi #mainNav li:nth-child(1) a{
		padding: 4.5% 9.33%;
	}
	/*end of localNavi*/
	#AreaA{
		width: 100%;
		background: url(/jp/ja/others/tapemuseum/special/vol26/bg_testA_sp.png) #ffffff no-repeat top center ;
		background-size: cover;
		padding: 18% 0;
	}
	#AreaA .inner,
	#AreaB .inner{
		text-align: center;
	}
	#AreaA .inner h3,
	#AreaB .inner h3{
		display: inline-block;
		margin-bottom: 5.333vw;
	}
	#AreaA .inner h3{
		width: 53.62%;
	}
	#AreaB .inner h3{
		width: 44.78%;
	}
	#AreaA .inner h3:after,
	#AreaB .inner h3:after{
		content: '';
		border-bottom: 4px solid #9bdfe0;
		width: 8.2vmin;
		padding-top: 4vmin;
	}
	#AreaA .inner .txtTapeTest,
	#AreaB .inner .txtTapeProperty{
		font-size: 14px;
		text-align: left;
	}
	/*end of AreaA*/
	#AreaB{
		background: #e9f0eb;
		padding: 11.01% 0;
	}

	#AreaB .tapeProperty{
		background: #ffffff;
		width: 100%;
		position: relative;
		padding: 7.24% 4.34%;
		box-sizing: border-box;	
	}
	#AreaB .inner .txtTapeProperty{
		margin-bottom: 40px;
		font-size: 14px;
	}
	#AreaB .tapeProperty h4{
		position: relative;
		left: auto;
		width: 30.434%;
		margin-bottom: 11.594%;
	}
	#AreaB .tapeProperty .spTapeProperty{
		position: absolute;
		top: 2.5%;
		right: 5.24%;
		width: 50.72%;
		height: auto;
	}
	#AreaB .tapeProperty .charter01,
	#AreaB .tapeProperty .charter02,
	#AreaB .tapeProperty .charter03{
		width: 100%;
		position: relative;
		text-align: left;
		margin-bottom: 7.24%;	
	}
	#AreaB .tapeProperty .charter01{
		top: auto;
		left: auto;
	}
	#AreaB .tapeProperty .charter02{
		top: auto;
		right: auto;
	}
	#AreaB .tapeProperty .charter03{
		bottom: auto;
		right: auto;
	}
	#AreaB .tapeProperty h5{
		font-size: 4vmin;
		margin-bottom: 2.89%;
		border-bottom: 4px solid #9bdfe0;
	}

	#AreaB .tapeProperty p{
		margin-bottom: 3.62%;
		font-size: 14px;
	}
	#AreaB .btnChracter{
		text-align: center;
	}
	#AreaB .btnChracter a{
		font-size: 4vmin;
		font-weight: bold;
		border: 2px solid #4b6d51;
		border-radius: 4px;
		padding: 2.4%;
		width: 78.6%;
		max-width: 518px;
		text-align: left;
		position: relative;
	}
	a:hover{
		transition: 0.3s;
		opacity: .5;
	}
	#AreaB .btnChracter a:after{
		content: '';
		border-width: 3.28% 2.12% 0 2.12%;
		margin-left: 0;
		position: absolute;
		top: 44%;
		right: 6%;
	}
	/*common*/
	.titleCharacter img{
		width: 100%;
		height: auto;
	}
	.txtCharacter{
		font-size: 3.2vmin;
		margin-bottom: 0;
	}
	/*common*/

	/*ExperienceTack*/

    /*animate*/
	#ExperienceTack .experienceTackanimate{
		width: 100%;
		display: block;
	}

	#ExperienceTack .experienceTackanimate .truckStrong,
	#ExperienceTack .experienceTackanimate .truckWeak{
		width: 100%;
		position: relative;
		padding: 10% 0 5%;
	}
	.truckSlide{
		width: 76%;
		margin-left: 12%;
	}
	.experiecnetackPress{
		width: 21.3%;
		position: absolute;
		right: 0;
		top: 0;
	}

	.experienceTackanimate .iconHuman{
	    position: absolute;
		right: 22%;
		top: 8%;
		width: 17.5%;
		height: 23%;
	}


	/*truckWeak*/

	.experienceTackanimate .truckWeak .iconHuman.active{
		animation: truckWeak 3s ease-out , truckWeak_pause 3s;
	}

	@keyframes truckWeak {
	  0% {
	    right: 22%;
		transform: translateY(0);
	  }
	  20% {
	    right: 29%;
	    transform: translateY(76%);
	  }
	  40%{
	    right: 35%;
	    transform: translateY(118%);
	  }
	  60%{
	    right: 64%;
	    transform: translateY(295%);
	  }

	  100% {
	    right: 64%;
	    transform: translateY(295%);
	  }
	}


	@keyframes truckWeak_pause {
	  20% {
	    right: 29%;
	    transform: translateY(76%);
	  }
	  60%{
	    right: 64%;
	    transform: translateY(295%);
	  }
	   100% {
	    right: 64%;
	    transform: translateY(295%);
	  }
	}

	/*truckWeak*/



	/*animate*/

	#ExperienceTack .txtPackingtape{
		font-size: 4.267vmin;
		padding: 2% 0;
		width: 100%;
	}

	#ExperienceTack .relateProducts{
		padding: 6% 0;
	}
	#ExperienceTack .ttlRelateproduct{
		font-size: 17px;
		padding: 0 4%;
		margin-bottom: 4.5%;
	}
	#ExperienceTack .productGroup{
		width: 100%;
		max-width: 100%;
		margin: 0 auto;
		display: block;
		padding: 0 4%;
	}
	#ExperienceTack .product{
		width: 96%;
		display: flex;
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
		text-align: left;
		margin-right: 0;
	}

	#ExperienceTack .product:last-child{
		margin-right: 0;
	}

    #ExperienceTack .productImg{
    	width: 50%;
    }

    #ExperienceTack .productName{
    	width: 40%;
		padding: 0 5%;
    }

	#ExperienceTack .productImg{
		margin-bottom: 6%;
	}

	#ExperienceTack .productName .txtProductname{
		font-size: 15px;
		text-align: left;
		margin-bottom: 8%;
	}
	#ExperienceTack .productDetail{
    width: 100%;
    text-align: center;
    font-size: 3.467vmin;
    display: inline-block;
    border: 0.267vmin solid #ffffff;
    border-radius: 0.533vmin;
    padding: 3% 0;    
	}
	br.Sp{
		display: none;
	}

	/*SP ExperienceTack*/


    /*Adhesive Force*/
	#AdhesiveForce{
		width: 100%;
		background: url(/jp/ja/others/tapemuseum/special/vol26/bg_top_cont.jpg) repeat top center;
		padding: 12% 0;
	}

	.titleCharacter{
		width: 65%;
		margin: 0 auto 4%;
	}
	.titleCharacter.titleCharacter02{
		width: 65%;
	}
	#HoldingPower{
		padding: 0;
	}
	#ExperienceTack .titleCharacter{
		width:56.933vmin;
	}
	.txtCharacter{
		font-size: 14px;
		margin-bottom: 5%;
	}

	.adhesiveForce{
		display: block;
		margin-bottom: 12%;
	}

	.adhesiveImage{
		margin-bottom: 0;
	}

	.adhesiveStrong,
	.adhesiveWeak{
		width: 100%;
	}

	.adhesiveStrong{
		margin-bottom: 10vmin;
	}

	.adhesiveImage{
		width: 95%;
		height: auto;
		margin: 0 auto 7vmin;
	}

	.relatedProducts{
		width: 90%;
		padding: 5.333vmin 4vmin;
		margin: 0 auto;
	}

	.ttlProducts{
		font-size: 17px;
		margin-bottom: 2.933vmin;
	}

	.productList{
		display: block;
	}

	.listItem{
		display: flex;
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
		width: 100%;
		margin: 0 0 5.733vmin 0;
	}

	.itemImage{
		width: 47%;
		height: auto;
		margin: 0 3.2vmin 0 0;
	}

	.itemImage img{
		width: 100%;
		height: auto;
	}

	.itemText .itemName{
		font-size: 15px;
		margin-bottom: 18vmin;
	}

	.itemText .itemName.note{
		margin-bottom: 13vmin;
	}
  .itemText .itemName.rubber_tape {
    margin-bottom: 19vmin;
  }
  .itemText .itemName.hight_heat{
    margin-bottom: 14vmin;
  }

	.productLink{
		font-size: 3.467vmin;
		border: 0.267vmin solid #ffffff;
		-webkit-border-radius: 0.533vmin;
		        border-radius: 0.533vmin;
		padding: 1.600vmin 7.333vmin;
	}
	/* SP TestMethod*/
  .testMethod{
    background: url(/jp/ja/others/tapemuseum/special/vol26/bg_tape_method_01_sp.png) no-repeat center #e9f0eb;
    -webkit-background-size: 100% 100%;
       -o-background-size: 100% 100%;
          background-size: 100% 100%;
    padding: 10% 0;
  }
.testMethod.testMethod02{
  background: url(/jp/ja/others/tapemuseum/special/vol26/bg_tape_method_02_sp.png) no-repeat center #e9f0eb;
  -webkit-background-size: 100% 100%;
       -o-background-size: 100% 100%;
          background-size: 100% 100%;
}
	.ttlTestimg{
		width: 27%;
		margin-bottom: 8%;
	}
	.testGroup{
		width: 100%;
		display: block;
	}
	.testMethod01{
		margin-bottom: 10%;
	}
	#HoldingPower .testMethod01{
		margin-bottom: 0%;
	}
	.testImg{
		width: 100%;
		display: block;
		margin: 0 auto 5%;
	}
	.testDescrption{
		width: 100%;
		display: block;
		margin-left: 0;
	}
	.testDescrption .ttlTest{
		color: #4b6d51;
		font-size: 16px;
		font-weight: bold;
	}
	.testDescrption .txtTest{
		font-size: 14px;
		line-height: 2;
	}
	/*TestMethod*/

   /*Adhesive Tape*/
   
   .tape_inner{
		width: 92%;
	}
	.tape_inner .adhesiveImage {
	    width: 100%;
	    height: auto;
	    margin: 0 auto 0;
	}
	.tape{
    	padding: 0 0 50%;
  	}
	.tape01,.tape02{
	    width: 100%;
	    display: block;
	    padding: 20% 0 65%;
  	}
	.adhesiveImage .img_adhesive{
	  	position: absolute;
	    width: 25vw;
	    height: auto;
	    margin-right: 25%;
	    top: 0%;
	}
	.tape02 .img_adhesive,
	.tape01 .img_adhesive{
	  left: 37%;
	}
	.adhesive{
	  position: absolute;
	  bottom: 60%;
	}
	.tape02 .iconHuman{
	  width: 85vw;
	  height: auto;
	  position: absolute;
	}
	.tape01 .iconHuman{
	  width: 58vw;
	  height: auto;
	  position: absolute;
	}
	.tape01 .adhesive{
    	right: 82%;
  	}
	.tape_inner .relatedProducts{
		width: 90%;
		padding: 5.333vmin 4vmin;
		margin: 0 auto;
	}
	.adhesiveImage .adhesive_press{
		width: 16%;
		position: absolute;
		bottom: 47%;
		left: 12%;
		z-index: 8;
	}
	.adhesiveImage .tape01 .adhesive_press{
		left: 22%;
	}
	.adhesiveStrong .adhesiveImage .adhesive_press{
		bottom: 46%;
		left: 34%;
	}

	/*end Adhesive Tape*

	/*holdingPower*/

	#HoldingPower .holdingPowerstrong,
	#HoldingPower .holdingPowerweak{
		width: 87%;
		padding: 15% 4%;
		margin: 0 auto;
	}

	#HoldingPower .holdingPower{
		width: 100%;
		margin: 0 auto;
	}
	#HoldingPower .holdingpowerPress{
		width: 22.8%;;
		position: absolute;
		left: 30%;
		bottom: 20%;
	}

	#HoldingPower .iconHuman{
		background-size: 100%;
	    position: absolute;
		right: 16%;
		top: 40%;
		width: 28.5%;
		height: 53%;
	}

	/*keyframe animate*/

	@keyframes powerStrong{
	  0%{
	    transform: translateY(0);
	  }
	  20%{
	     transform: translateY(-50%);
	  }
	  100%{
	     transform: translateY(-50%);
	  }
	}
	@keyframes powerStrong_pause{
	  50%{
	     transform: translateY(-40%);  
	  }
	  60%{
	     transform: translateY(-40%);
	  }
	  80%{
	     transform: translateY(-40%);
	  }
	  100%{
	     transform: translateY(-40%);
	  }
	}

	@keyframes powerWeak01{
	  0%{
	     transform: translateY(0%);
	     opacity: 1; 
	  }
	  20%{
	     transform: translateY(-40%);  
	      opacity: 1; 
	  }
	  
	  59%{
	     transform: translateY(-36%);  
	      opacity: 1; 
	  }

	  60%{
	     transform: translateY(-36%);  
	      opacity: 0; 
	  }

	  80%{
	     transform: translateY(0%); 
	      opacity: 0; 
	  }
	  99%{
	     transform: translateY(0%);  
	      opacity: 0; 
	  }
	  100%{
	     transform: translateY(0%);
	      opacity: 1; 
	  }
  
	}

	@keyframes powerWeak02{
	  0%{
	    transform: translateY(0%);
	     opacity: 0; 
	      
	  }
	  20%{
	     transform: translateY(-40%);  
	      opacity: 0; 
	  }
	  
	  59%{
	     transform: translateY(-36%);  
	      opacity: 0; 
	  }

	  60%{
	     transform: translateY(-36%);  
	      opacity: 1; 
	  }

	  80%{
	     transform: translateY(0%);  
	      opacity: 1; 
	  }
	  99%{
	     transform: translateY(0%);  
	      opacity: 1; 
	  }
	  100%{
	     transform: translateY(0%);
	     opacity: 0; 
	  }
	  
	}
	#BoardSec .inner {
		padding: 9.333vmin 0 10.667vmin;
	}

	#BoardSec .inner p {
	    font-size: 3.200vw;
	    line-height: 2;
	    color: #FFF;
	    width: 80%;
	    max-width: 740px;
	    position: absolute;
	    top: 67%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	}

	#SummarySec .inner {
	    width: 100%;
	    max-width: 100%;
	    padding: 10% 0 4.16666%;
	}

	#SummarySec .mainInner {
	    width: 92%;
	    max-width: 690px;
	    margin: 0 auto;
	    background: url('/jp/ja/others/tapemuseum/special/vol26/bg_tape_sp.png') no-repeat;
	        background-size: auto;
	    -webkit-background-size: 100% auto;
	    -o-background-size: 100% auto;
	    background-size: 100% auto;
	}

	#SummarySec .txtSec {
	    width: 100%;
	    max-width: 690px;
	    margin: 0 auto;
	}

	#SummarySec .txtSec p {
	    font-size: 15px;
	    padding: 0 0 0 10%;
	}

	#SummarySec .txtSec p::before {
	    content: "";
	    width: 5.067vw;
	    height: 4.533vw;
	    position: absolute;
	    background: url('/jp/ja/others/tapemuseum/special/vol26/btn_check_sp.png') no-repeat;
	        background-size: auto;
	    -webkit-background-size: 5.067vw 4.533vw;
	    -o-background-size: 5.067vw 4.533vw;
	    background-size: 5.067vw 4.533vw;
	    left: 0;
	    top: 18%;
	    -webkit-transform: translateY(-50%);
	    -moz-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	    -o-transform: translateY(-50%);
	    transform: translateY(-50%);
	}

	#SummarySec .estimateTape {
	    width: 100%;
	    max-width: 690px;
	    background: #b9e9e9;
	    margin: 0 auto;
	    padding: 30px 0 40px 0;
	}

	#SummarySec .estimateTape .tapeTest li {
		width: 50%;
	}

	#SummarySec .estimateTape h3 {
		font-size: 3.8vmin;
		padding: 0 10.133vmin;
	}

	#SummarySec .estimateTape .reference {
		width: 89.1891%;
		max-width: 100%;
		margin: 0 auto 5.04% auto;
	}

	#SummarySec .estimateTape .reference span,
	#SummarySec .estimateTape .reference a {
		font-size: 11px;
		font-weight: normal;
		color: #555555;
		display: inline-block;
	}

	#SummarySec .estimateTape a {
		margin-left: 0;
		border-bottom: 1px solid #555555;
	}

	#SummarySec .estimateTape h4 {
	    font-size: 14px;
	    margin: 0 0 2.076% 0;
	}

	#SummarySec .estimateTape .tapeTest li p, 
	#SummarySec .estimateTape .tapeTest li p span {
	    font-size: 14px;
	    line-height: 2.2;
	}
	#SummarySec .estimateTape .tapeTest li p.resistance{
		padding-left: 7.333vmin;
		text-indent: -7.333vmin;
		line-height: 1;
	}

	#SummarySec img {
	    width: 16.40%;
	    max-width: 123px;
	    display: block;
	    margin: 0 auto 5.1020% auto;
	}

	/*end of summary sp*/
	
	/*Recommend Section Sp*/
	#RecomSec .inner{
	    padding: 9.1% 0;
	}
	#SliderSec .inner{
		padding: 9.1% 0 14%;
	}
	
	#RecomSec .ttlSec img {
	    width: 47.599%;
	    max-width: 357px;
	    margin: 0 auto 3.020% auto;
	}

	#RecomSec .ttlSec p {
		font-size: 14px;
		color: #333333;
		line-height: 1.6;
		margin: 0 0 0.9% 0;
		padding: 0 17.33333%;
	}

	#RecomSec .bnrSec a:first-child {
    	margin: 0 0 4vmin ;
	}
	#RecomSec .bnrSec a {
	    width: 100%;
	    display: inline-block;
	}

	#RecomSec .bnrSec img {
	    width: 100%;
	}

	#RecomSec .bnrSec img:first-child {
	    margin: 0;
	}

	#RecomSec .bnrSec img:nth-child(3) {
	    margin: 0 0 4% 0;
	}

	/*end of Recommend Section Sp*/
	
	/*slider section sp*/
	
	#SliderSec .inner h3 {
	    font-size: 5.600vmin;
	    padding: 0 0 4.347826% 0;
	}
	
	#SliderSec .inner .slider,
	#SliderSec .inner .slider .slideSec {
	    width: 76.362%;
	    max-width: 520px;
	    margin: 0 auto;
	}
	
/*	#SliderSec .inner .slider .slideSec {
	    width: 520px;
	}*/
	#SliderSec .inner .slider .slideSec img {
		width: 69.333vmin;
		max-width: 520px;
		height: auto;
	}
	#SliderSec .inner .slider .slideSec p {
	    font-size: 3.200vmin;
	    font-weight: normal;
	    color: #333333;
	}

	#SliderSec .slick-prev::before {
	    content: "";
	    width: 5.067vw;
	    height: 8.267vw;
	    position: absolute;
	    background: url('/jp/ja/others/tapemuseum/special/vol26/arrow_left_sp.png') no-repeat;
	        background-size: auto;
	    -webkit-background-size: 5.067vw 8.267vw;
	    -o-background-size: 5.067vw 8.267vw;
	    background-size: 5.067vw 8.267vw;
	}

	#SliderSec .slick-next::before {
	    content: "";
	    width: 5.067vw;
	    height: 8.267vw;
	    position: absolute;
	    background: url('/jp/ja/others/tapemuseum/special/vol26/arrow_right_sp.png') no-repeat;
	        background-size: auto;
	    -webkit-background-size: 5.067vw 8.267vw;
	    -o-background-size: 5.067vw 8.267vw;
	    background-size: 5.067vw 8.267vw;
	}

	#SliderSec .slick-prev {
	    left: -17.78%;
	    top: 35%;
	}

	#SliderSec .slick-next {
	    right: -10.616%;
	    top: 35%;
	}

	.slick-dots-container {
	  width: 10rem;
	  overflow: hidden;
	  display: block;
	  padding: 0;
	  margin: 0rem auto;
	  height: 3rem;
	  position: relative;
	}

	.slick-dots-container > ul {
		padding: 0;
		display: flex;
		transition: all 0.25s;
		position: relative;
		margin: 0;
		list-style: none;
		transform: translateX(0);
		align-items: center;
		bottom: unset;
		height: 100%;
	}

	.slick-dots-container > ul li {
		width: 1rem;
		height: 1rem;
		margin: 0 0.5rem;
		border: 1px solid #5286c9;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		border-radius: 50%;
	}

	.slick-dots-container > ul li button {
	  font-size: 0;
	  line-height: 0;
	  display: block;
	  width: 1rem;
	  height: 1rem;
	  padding: 0.3125rem;
	  cursor: pointer;
	  color: transparent;
	  border: 0;
	  outline: 0;
	  background: 0 0;
	}


	.slick-dots-container > ul li.slick-active {
	  background: #3498db;
	}

	.slick-dots li button:before {
	  display: none;
	}
	.fixContact{
		display: none !important;
	}
	.btnTapeMuseum a {
	    font-size: 3.467vmin;
	    font-weight: bold;
	    width: 76.362%;
	    padding: 2.600vmin 0;
	    display: inline-block;
	    -webkit-border-radius: 23vmin;
	    border-radius: 23vmin;
	    text-align: center;
	    background: #5286c9;
	    color: #FFF;
	}

/* end of slider section sp*/

		
}
@media only screen and (max-width: 400px){
	.itemText .itemName,
	#ExperienceTack .productName .txtProductname,
	#AreaB .inner .txtTapeProperty {
	    font-size: 3.5vmin;
	}
}