@charset "UTF-8";






.txt{
  text-align: center;
  font-size: 24px;
  margin: 300px 0 1000px;
}
.slideImg {
    width: 86%;
    margin: 3% auto 0!important;
}





/*左から右にフェードイン*/
.left-to-right {
  opacity: 0;
  transform: translateX(-20px);
  transition: all 2.5s;
}
.left-to-right.scrollin {
  opacity: 1;
  transform: translate(0);
}

/*右から左にフェードイン*/
.right-to-left {
  opacity: 0;
  transform: translateX(20px);
  transition: all 2.5s;
}
.right-to-left.scrollin {
  opacity: 1;
  transform: translate(0);
}

/*下から上にフェードイン*/
.down-to-top {
  opacity: 0;
  transform: translateY(20px);
  transition: all 2.5s;
}
.down-to-top.scrollin {
  opacity: 1;
  transform: translateY(0);
}




 
/*===========▼アニメーション===========*/

.img_wrap {
  opacity: 0;
}

.img-animation {
/*  -webkit-backface-visibility:hidden;
  backface-visibility:hidden; */
  animation: img-opacity 1.3s cubic-bezier(.4, 0, .2, 1);
  overflow: hidden;
  position: relative;
}

.img-animation:before {
  animation: img-animation 1.3s cubic-bezier(.4, 0, .2, 1) forwards;
  animation-delay: 0.5s;
  background: #fff;
  bottom: 0;
  content: '';
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

@keyframes img-opacity {
  100% {
    opacity: 1;
  }
}

@keyframes img-animation {
  100% {
    transform: translateX(100%);
  }
}


.img-animation2 {
/*  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;*/
  animation: img-opacity2 1.3s cubic-bezier(.4, 0, .2, 1);
  overflow: hidden;
  position: relative;
}

.img-animation2:before {
  animation: img-animation2 1.3s cubic-bezier(.4, 0, .2, 1) forwards;
  animation-delay: 0.5s;
  background: #fff;
  bottom: 0;
  content: '';
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

@keyframes img-opacity2 {
  100% {
    opacity: 1;
  }
}

@keyframes img-animation2 {
  100% {
    transform: translateX(-100%);
  }
}





.scroll_up {
  transition: 0.4s ease-in-out;
/*  transform: translateY(30px);*/
  opacity: 0;
}
.scroll_up.on {
  transform: translateY(0);
  opacity: 1.0;
}


.scroll_up2 {
  transition: 0.4s ease-in-out;
  transform: translateY(30px);
  opacity: 0;
}
.scroll_up2.on {
  transform: translateY(0);
  opacity: 1.0;
}

.timing02 {transition-delay: .15s;}
.timing03 {transition-delay: .3s;}

/*===========▲アニメーション===========*/





/*initial*/
/*responsive*/
/*sitesize*/
/*color*/
/*transition*/
/*font*/
/*responsive*/
/*flex*/
#lpWrap .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
#lpWrap .fw {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
#lpWrap .fc {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }
#lpWrap .fr {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse; }
#lpWrap .je {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end; }
#lpWrap .js {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
#lpWrap .jc {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
#lpWrap .ae {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end; }
#lpWrap .ac {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

/*wrap*/
#lpWrap .wrap {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto; }
#lpWrap .wrap_s {
  max-width: 1200px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 3%;
}
#lpWrap .wrap_s_80 {
  max-width: 1200px;
  width: 80%;
  margin-left: auto;
  margin-right: auto; }
#lpWrap .wrap_ss {
  max-width: 1000px;
  width: 90%;
  margin-left: auto;
  margin-right: auto; }
#lpWrap .wrap_ss_80 {
  max-width: 1000px;
  width: 80%;
  margin-left: auto;
  margin-right: auto; }

#lpWrap {
overflow-x: hidden;
  color: #202124;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic",メイリオ,Meiryo, sans-serif;
  line-height: 1.8;
  position: relative;
  transition: opacity 1s;
}
 


  #lpWrap img {
    vertical-align: bottom;
    line-height: 0; }
  #lpWrap p, #lpWrap span {
	font-size: inherit;
}
  @media (min-width: 768px) /*PC*/{
    #lpWrap a, #lpWrap a:after, #lpWrap a:before {
	    transition: all 0.2s ease; }
  	#lpWrap ul, #lpWrap li {
		font-size: 14px;
		letter-spacing: 0.06em;}
}


/*#lpWrap .fadein {
    opacity : 0;
    transform : translate(0,);
    transition : all 500ms;
}
#lpWrap .fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
}*/

#lpWrap .fadein {
    opacity : 0;
    transform: translateY(20px);
    transition : all 2.5s;
}
#lpWrap .fadein.scrollin {
    opacity : 1;
    transform: translateY(0);
}














@media (min-width: 768px) {
#lpWrap #sideNav2{
	margin-right: 0.5%;
	margin-top: 6%;
}}
#lpWrap #sideNav2 li a{
	font-family: classico-urw,sans-serif;
	font-weight: 400;
	font-style: normal;
	text-align: center;
	text-decoration: underline;
}
#lpWrap #sideNav2 li{
	font-family: classico-urw,sans-serif;
	font-weight: 400;
	font-style: italic;
	text-align: center;
}
#lpWrap #sideNav2 li:not(last-of-type) {
      margin-top: 7px;
}
@media (max-width: 767px) {
	#lpWrap #sideNav2 li:not(last-of-type) {
		margin-top: 5px; }}
#lpWrap #sideNav2 li:last-child {
	writing-mode: vertical-rl;
	font-size: 1em;
	padding-top: 18%;
}

/*FV*/
@media (max-width: 960px) {
    #lpWrap #mainVisual .pc {
    	display: none; } }
#lpWrap #mainVisual .sp {
        display: none; }
@media (max-width: 960px) {
	#lpWrap #mainVisual .sp {
        display: block; } }
#lpWrap #mainVisual {
	width: 100%;
    height: 100vh;
    position: relative;
	z-index: -1;
    right: 0;
    left: 0;
    bottom: 0;
    overflow: hidden;
    margin: 0 auto 30px;
}
@media (min-width: 960px) {
	#lpWrap #mainVisual {
		width: 100%;
    	height: 100vh;
	}
	#lpWrap #mainVisual .imgBox {
	top: 9%;
}}
#lpWrap #mainVisual .imgBox {
	overflow: hidden;
	position: fixed;
	top: 5%;
}
#lpWrap #mainVisual .imgBox:before {
	animation: imgBox 2s cubic-bezier(.4, 0, .2, 1) forwards;
	background: #fff;
	bottom: 0;
	content: '';
	left: 0;
	pointer-events: none;
	position: absolute;
	right: 0;
	z-index: 1;
	top: 0%;
}
@keyframes imgBox {
  100% {
    transform: translateX(100%);
  }
}
#lpWrap #mainVisual .txtBox {
	width: 100%;
	text-align: center;
	position: fixed;
	left: 0;
	transform: translateY(75%);
	opacity: 0;
	transition: all 1s ease 0s; }

@media (max-width: 767px) {
	#lpWrap #mainVisual .txtBox {
		transform: translateY(65%);
	} }


#lpWrap.start #mainVisual .txtBox {
    opacity: 1; }




/*高さ・位置・透過が変化して線が上から下に動く*/
@keyframes pathmove{
  0%{
    height:0;
    top:0;
    opacity: 0;
  }
  30%{
    height:50px;
    opacity: 1;
  }
  100%{
    height:0;
    top:50px;
    opacity: 0;
  }
}

#lpWrap #contentWrap {
	background-color: #fff;
    padding: 40px 0 0 0;
    position: relative;
}
/*SP*/
@media (max-width: 767px) {
	#lpWrap #contentWrap {
		padding-top: 16px;
	} }



#lpWrap #contentWrap .topTxt {
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic",メイリオ,Meiryo, sans-serif;
	text-align: center;
	letter-spacing: 1.5px;
}
@media (max-width: 767px) {
	#lpWrap #contentWrap .topTxt {
		font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic",メイリオ,Meiryo, sans-serif;
		font-size: 11px;
		line-height: 2;
		letter-spacing: 1.5px;
	} }






#lpWrap #lpAnc{
    margin: 90% 2% 0% 2%;
	max-width: 640px; 
} 


#lpWrap #lpAnc li {
	list-style: none;
	width: 33%; 
}
#lpWrap #lpAnc a {
	display: block;
	text-align: center;
	position: relative;
}
#lpWrap #lpAnc .itemPBtn{
	margin: 3% 15% 15%;
	padding: auto;
	text-align: center;
	/*border: solid black 1px;*/
	font-size: 0.6em;
}
#lpWrap #lpAnc .itemPBtn p {
    margin: 5% auto 12%;
    padding-bottom: 1.5%;
    padding-left: 3%;
    font-family: nimbus-sans, sans-serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.15em;
    font-size: 10px;
    border-bottom: solid 1px #333;
}
@media (min-width: 768px) {
	#lpWrap #lpAnc a:hover:after {
		transform: translate(-50%, 10px);}
	#lpWrap #lpAnc .itemPBtn{
		font-size: 0.9em;}
	#lpWrap #lpAnc .itemPBtn p{
		font-size: 12px;
		margin: 0% auto 1%;}
} 
#lpWrap #lpAnc li {
	position: relative;
	font-style: normal;
	z-index: 1;
	margin: 0px 1%; 
}

#lpWrap #lpAnc .ttl {
	display: none;
    position: absolute;
    top: 22%;
    left: 34%;
    font-family: nimbus-sans, sans-serif;
    font-weight: 200;
    font-style: normal;
    font-size: 16px;
    letter-spacing: 0.2em;
    color: white;
}
@media (min-width: 768px) {
	#lpWrap #lpAnc .ttl {
		top: 29%;
    	left: 37%;
		font-size: 4em;}
}
#lpWrap #lpAnc img {
	width: 100%;
	left: 0;
	z-index: -1;
}
#lpWrap #lpAnc .txt {
	display: none;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic",メイリオ,Meiryo, sans-serif;
	margin: 5% auto 4%;
	font-size: 0.85em;
	letter-spacing: 0.07em;
}
@media (max-width: 767px) {
#lpWrap #lpAnc .txt {
	margin: 6% auto 6%;
    font-size: 0.7em;
    line-height: 1.5em;
	}}

@media (max-width: 767px) {
	#lpWrap #lpAnc .ttl span {
		font-size: 3.2em; 
	}}

#lpWrap #lpAnc span{
	font-size: 10px!important;
}







/*-----コンテンツ-----*/
#lpWrap .ItemSec {
    margin-left: auto;
    margin-right: auto;
    max-width: 1100px;
    padding-top: 75px;
}
@media (min-width: 768px) {
#lpWrap .ItemSec {
    margin-left: auto;
    margin-right: auto;
    max-width: 700px;
    padding-top: 100px;
	}}
/*スライダー*/
#lpWrap .ItemSec .pointImg{
	width: 70%;
	margin: 0 auto;
}

#lpWrap .ItemSec  .pointImg .slick-center{
  margin-right:20px;
  margin-left:20px;
}
#lpWrap .ItemSec .pointImg img{
	width: 100%;
}
#lpWrap .ItemSec .pointImg .slider{
	width: 100%;
}
#lpWrap .ItemSec .pointImg .slick-slide img {
    display: block;
    width: 100%;
    margin: 0 auto;
}
#lpWrap .ItemSec .pointImg .slider .slick-prev{
	left: -30px;
}
#lpWrap .ItemSec .pointImg .slider .slick-next{
	right: -10px;	
}



#lpWrap .ItemSec .pointImg .slider .slick-prev:before {
/*border-bottom: 1px solid #000;*/
width:50px;
background: transparent;
margin-bottom:100px;
height:40px;
}
#lpWrap .ItemSec .pointImg .slider .slick-next:before{
/*border-bottom: 1px solid #000;*/
width:50px;
background: transparent;
margin-bottom:100px;
height:40px;
}
@media (min-width: 768px) {
	#lpWrap #item02 .pointImg .slider .slick-prev,
	#lpWrap #item01 .pointImg .slider .slick-prev,
	#lpWrap #item03 .pointImg .slider .slick-prev,
	#lpWrap #item04 .pointImg .slider .slick-prev,
	#lpWrap .ItemSec .pointImg .slider .slick-prev,
	#lpWrap #item06 .pointImg .slider .slick-prev{
		left: -30px;
}
	#lpWrap #item02 .pointImg .slider .slick-next,
	#lpWrap #item01 .pointImg .slider .slick-next,
	#lpWrap #item03 .pointImg .slider .slick-next,
	#lpWrap #item04 .pointImg .slider .slick-next,
	#lpWrap .ItemSec .pointImg .slider .slick-next,
	#lpWrap #item06 .pointImg .slider .slick-next{
		right: 40px;	
}
	#lpWrap .ItemSec .pointImg .slider .slick-prev:before {
		width:100px;
}
	#lpWrap .ItemSec .pointImg .slider .slick-next:before{
		width:100px;
}}
#lpWrap .ItemSec .pointImg .slider .slick-dots{
	margin: 3% 0 7% 0;
}


/*フェード切り替え*/
#lpWrap .ItemSec .mainImg {
	width: 100%;
	margin: 10% 0 0 ;
}

#lpWrap #item01 .mainImg,
#lpWrap #item04 .mainImg,
#lpWrap #item06 .mainImg
{
	width: 92%;
	margin: 10% auto 0%;
}








/*　　　メイン画像配置　　　　*/
#lpWrap #item01 .mainImg .fadeSlider,
#lpWrap #item06 .mainImg .fadeSlider
{
	width: 100%;
	margin: 0 auto;
}

#item02 .mainImg p:nth-child(1) {
    width: 80%;
}
#item02 .mainImg p:nth-child(2) {
    width: 80%;
    margin-top: 3%;
    margin-left: 20%;
}

#item03 .mainImg p:nth-child(1) {
    width: 70%;
	margin-left: 26%;
}
#item03 .mainImg p:nth-child(2) {
    width: 72%;
    margin-top: 3%;
    margin-left: 4%;
}

#item05 .mainImg p:nth-child(1) {
    width: 57%;
    margin-left: 43%;
}
#item05 .mainImg p:nth-child(2) {
    width: 70%;
    margin-top: 3%;
    margin-left: 0%;
}





#lpWrap .ItemSec .mainImg .fadeSlider{
	width: 100%;
}

/************ランダム箇所共通************/
#lpWrap .ItemSec .otherImg {
	width: 100%;
	position: relative;
}
#lpWrap .ItemSec .otherImg p,
#lpWrap .ItemSec .creditB {
    position: absolute;
}

/************ランダム箇所高さ************/
#lpWrap #item01 .otherImg {
	height: 880px;
}
#lpWrap #item02 .otherImg {
	height: 1230px;
}
#lpWrap #item03 .otherImg {
	height: 1150px;
}
#lpWrap #item04 .otherImg {
	height: 900px;
}
#lpWrap #item05 .otherImg {
	height: 990px;
}
#lpWrap #item06 .otherImg {
	height: 650px;
}

/************アイテム01ランダム画像配置************/
#item01 .otherImg p:nth-child(1) {
    width: 60%;
    top: 8%;
    right: 0%;
}
#item01 .otherImg p:nth-child(2) {
    width: 60%;
    top: 48%;
    left: 8%;
}
#item01 .creditB {
    width: 100%;
    top: 88%;
    left: 7%;
}

/************アイテム02ランダム画像配置************/
#item02 .otherImg p:nth-child(1) {
    width: 68%;
    top: 8%;
    right: 0%;
}
#item02 .otherImg p:nth-child(2) {
    width: 71%;
    top: 42%;
    left: 0%;
}
#item02 .otherImg p:nth-child(3) {
    width: 60%;
    top: 62%;
    right: 8%;
}
#item02 .creditB {
    width: 100%;
    top: 86%;
    left: 31%;
}

/************アイテム03ランダム画像配置************/
#item03 .otherImg p:nth-child(1) {
    width: 75%;
    top: 8%;
    left: 7%;
}
#item03 .otherImg p:nth-child(2){
    width: 75%;
    top: 24%;
    right: 7%;	
}
#item03 .otherImg p:nth-child(3){
    width: 100%;
    top: 48%;
}
#item03 .creditB {
    width: 100%;
    top: 87.5%;
    left: 7%;
}

/************アイテム04ランダム画像配置************/
#item04 .otherImg p:nth-child(1) {
    width: 100%;
    top: 8%;
}
#item04 .otherImg p:nth-child(2) {
    width: 46%;
    top: 56%;
    left: 2.8%;
}
#item04 .otherImg p:nth-child(3) {
    width: 46%;
    top: 61%;
    right: 2.8%;
}
#item04 .creditB {
    width: 100%;
    top: 40%;
    left: 7%;
}

/************アイテム05ランダム画像配置************/
#item05 .otherImg p:nth-child(1) {
    width: 49%;
    top: 8%;
    right: 0%;
}
#item05 .otherImg p:nth-child(2){
    width: 49%;
    top: 8%;
    left: 0%;	
}
#item05 .otherImg p:nth-child(3) {
    width: 68%;
    top: 49%;
    left: 16%;
}
#item05 .creditB {
    width: 100%;
    top: 83.5%;
    /* left: 23%; */
    text-align: center;
}

/************アイテム06ランダム画像配置************/
#item06 .otherImg p:nth-child(1) {
    width: 68%;
    top: 13%;
    left: 0%;
}
#item06 .otherImg p:nth-child(2) {
    width: 86%;
    top: 47%;
    left: 6.5%;
}
#item06 .creditB {
    width: 95%;
    top: 85.5%;
    left: 2.2%;
    padding: 0 6%;
}






/*スライダーじゃない*/
#lpWrap .ItemSec .mainImg .noSlider,
#lpWrap #item05 .mainImg .noSlider{
	width: 100%;
}
#lpWrap .ItemSec .mainImg .noSlider li{
	display:inline;
}
#lpWrap .ItemSec .mainImg .noSlider li img{
	width: 50.7%;
	float: left;
}
#lpWrap .ItemSec .mainImg .noSlider li video{
	width: 49.2%;
}

#lpWrap #item05 .mainImg .noSlider video,
#lpWrap #item05 .mainImg .noSlider img{
	width: 100%;
}
#lpWrap #item05 .mainImg .noSlider img{
	margin-top: -2%;
}



#lpWrap .ItemSec .mainImg li{
	display: inline;
}




#lpWrap .contentBottom {
    margin-top: 45%;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    background: linear-gradient(#fff 11%, #f4f4f0 0, #f4f4f0 100%, #fff 0);
}







    
  #lpWrap #profileBox {
    max-width: 860px;
    width: 72%;
    margin: 0 auto; }


	#lpWrap #profileBox .imgBox {
		width: 50%;
		margin: 0 auto;
	}


#lpWrap #profileBox p:first-child {
    text-align: center;
    font-size: 22px;
    margin: 3% auto -1%;
    letter-spacing: 0.2em;
}
#lpWrap #profileBox p:nth-child(2){
	text-align: center;
}
#lpWrap #profileBox p:nth-child(3) {
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic",メイリオ,Meiryo, sans-serif!important;
    font-size: 12px;
    letter-spacing: 0.09em;
    line-height: 1.9em;
    font-weight: 400;
    font-style: normal;
    margin-top: 8%;
    text-align: justify;
}
#lpWrap #profileBox p a {
    color: #333!important;
    font-family: nimbus-sans, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    margin: auto 2%;
    letter-spacing: 0.05em;
}
#lpWrap #profileBox p:nth-child(4){
	padding-top: 2%;
    font-size: 0.9em;
    line-height: 2em;
	text-align: center;
}
@media (max-width: 767px) {
#lpWrap #profileBox p:nth-child(4){
	padding-top: 5%;
	font-size: 0.8em;
    line-height: 2em;
}}

 


@keyframes change3 {
  0% {
    opacity: 0; }
  16% {
    opacity: 1; }
  33% {
    opacity: 1; }
  49% {
    opacity: 0; }
  100% {
    opacity: 0; } }
@keyframes change2 {
  0% {
    opacity: 0; }
  25% {
    opacity: 1; }
  50% {
    opacity: 1; }
  75% {
    opacity: 0; }
  100% {
    opacity: 0; } }



/*timing*/
.active .delay-0 {
  transition-delay: 0s; }

.active .delay-100 {
  transition-delay: 0.1s; }

.active .delay-200 {
  transition-delay: 0.2s; }

.active .delay-300 {
  transition-delay: 0.3s; }

.active .delay-400 {
  transition-delay: 0.4s; }

.active .delay-500 {
  transition-delay: 0.5s; }

.active .delay-600 {
  transition-delay: 0.6s; }

.active .delay-700 {
  transition-delay: 0.7s; }

.active .delay-800 {
  transition-delay: 0.8s; }

.active .delay-900 {
  transition-delay: 0.9s; }

.active .delay-1000 {
  transition-delay: 1s; }

.active .delay-1100 {
  transition-delay: 1.1s; }

.active .delay-1200 {
  transition-delay: 1.2s; }

.active .delay-1300 {
  transition-delay: 1.3s; }

.active .delay-1400 {
  transition-delay: 1.4s; }

.active .delay-1500 {
  transition-delay: 1.5s; }

.active .delay-1600 {
  transition-delay: 1.6s; }

.active .delay-1700 {
  transition-delay: 1.7s; }

.active .delay-1800 {
  transition-delay: 1.8s; }

.active .delay-1900 {
  transition-delay: 1.9s; }

.active .delay-2000 {
  transition-delay: 2s; }

.active .delay-2100 {
  transition-delay: 2.1s; }

.active .delay-2200 {
  transition-delay: 2.2s; }

.active .delay-2300 {
  transition-delay: 2.3s; }

.active .delay-2400 {
  transition-delay: 2.4s; }

.active .delay-2500 {
  transition-delay: 2.5s; }

.active .delay-2600 {
  transition-delay: 2.6s; }

.active .delay-2700 {
  transition-delay: 2.7s; }

.active .delay-2800 {
  transition-delay: 2.8s; }

.active .delay-2900 {
  transition-delay: 2.9s; }

.active .delay-3000 {
  transition-delay: 3s; }

.active .delay-3100 {
  transition-delay: 3.1s; }

.active .delay-3200 {
  transition-delay: 3.2s; }

.active .delay-3300 {
  transition-delay: 3.3s; }

.active .delay-3400 {
  transition-delay: 3.4s; }

.active .delay-3500 {
  transition-delay: 3.5s; }

.active .delay-3600 {
  transition-delay: 3.6s; }

.active .delay-3700 {
  transition-delay: 3.7s; }

.active .delay-3800 {
  transition-delay: 3.8s; }

.active .delay-3900 {
  transition-delay: 3.9s; }

.active .delay-4000 {
  transition-delay: 4s; }

.active .delay-4100 {
  transition-delay: 4.1s; }

.active .delay-4200 {
  transition-delay: 4.2s; }

.active .delay-4300 {
  transition-delay: 4.3s; }

.active .delay-4400 {
  transition-delay: 4.4s; }

.active .delay-4500 {
  transition-delay: 4.5s; }

.active .delay-4600 {
  transition-delay: 4.6s; }

.active .delay-4700 {
  transition-delay: 4.7s; }

.active .delay-4800 {
  transition-delay: 4.8s; }
.itemBox .name
.active .delay-4900 {
  transition-delay: 4.9s; }

.active .delay-5000 {
  transition-delay: 5s; }




/*.pcnone{
	display: none；
}
@media (max-width: 767px) {
.pcnone{
display: block；
	} }*/













#fv{
	position: relative;
	margin-top: 6%;
}

#fv　img{
	width: 100%;
}


#fv　mainImg{
	position: absolute;
	z-index: 100;
}

#fv .fvText {
    position: absolute;
    z-index: 10;
    top: 78%;
    left: 1.3%;
    margin: 2% 7%;
    padding: 10% 9% 11%;
    background-color: #f4f4f0;
}
	
#fv .fvText p:nth-child(1){
    text-align: center;
    font-size: 9.5px;
    letter-spacing: 0.18em;
	margin-bottom: 0px;
}
#fv .fvText p:nth-child(2){
    text-align: center;
    font-size: 9.5px;
    letter-spacing: 0.18em;
}

#fv .fvText p:nth-child(3) {
    text-align: center;
    font-size: 24px;
    letter-spacing: 0.4em;
    margin-top: 1.5%;
}

#fv .fvText .content {
    text-align: center;
    font-size: 12px;
    letter-spacing: 0.08em;
    line-height: 1.7em;
}




.itemBox{
    margin: 5% auto 0;
}

.itemBox .flexbox {
    display: flex;
	justify-content: center;
    margin-top: 2%;
	align-items: flex-start;
	padding-left: 4%;
}

.itemBox .name{
	font-family: nimbus-sans, sans-serif;
	font-style: normal;
	text-align: center;
	height: 32px;
	display:table;
	margin: 0 auto;
}

.itemBox .name span:nth-child(1) {
	font-size: 12px!important;
	letter-spacing: 0.06em;
	display:table-cell;
	vertical-align:middle;
}
.itemBox .name span:nth-child(2) {
    font-size: 17.5px!important;
    letter-spacing: 0.14em;
    font-weight: 300;
}



.itemBox .price{
	padding: 0 5%;
	letter-spacing: 0.08em;
	margin-top: -1%;
	white-space: nowrap;
}

.itemBox .size {
	font-size: 12.5px!important;
    text-align: center;
    line-height: 1.4em;
    letter-spacing: 0.2em;
    padding: 0 5% 0 7%;
}

#item03 .itemBox .size {
    padding: 0 4% 0 7%;
}
#item04 .itemBox .size {
    padding: 0 5% 0 9%;
}
#item06 .itemBox .size {
    padding: 0 0 0 7%;
}


.itemBox .size span{
	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif!important;
	font-size: 11px!important;
	letter-spacing: 0.3em;
}





.itemBox .color{
	width: 18%;
	margin-top: -3%;
}
#item01 .itemBox .color{
    margin-right: 1.5%;
}
#item02 .itemBox .color{
    margin-left: 2%;
    margin-right: 4%;
}
#item03 .itemBox .color{
    margin-left: 3%;
    margin-right: 5%;
}
#item04 .itemBox .color{
    margin-left: 1%;
    margin-right: 3.5%;
}
#item05 .itemBox .color{
    margin-left: 4%;
    margin-right: 5.5%;
}
#item06 .itemBox .color{
    margin-left: 4%;
    margin-right: 5.5%;
}














.itemBox .buyBtn {
    color: #333;
    background: #f4f4f0;
    margin: 0 33%;
    margin-top: 4%;
    padding: 0.8% 0;
    text-align: center;
    letter-spacing: 0.25em;
}
#item01 .itemBox .buyBtn,
#item04 .itemBox .buyBtn{
    background: #f3fbe7;	
}
#item03 .itemBox .buyBtn,
#item06 .itemBox .buyBtn{
    background: #fffee8;	
}

.itempointBox{
	text-align: center;
	margin: 0 auto;
	margin-top: 25%;
	background: linear-gradient(#fff 2.5%, #f4f4f0 0, #f4f4f0 88%, #fff 0);
}
#item01 .itempointBox,
#item04 .itempointBox{
	background: linear-gradient(#fff 2.5%, #f3fbe7 0, #f3fbe7 88%, #fff 0);	
}
#item03 .itempointBox,
#item06 .itempointBox{
	background: linear-gradient(#fff 2.5%, #fffee8 0, #fffee8 88%, #fff 0);	
}







.itempointBox p:nth-child(1) {
	font-family: nimbus-sans, sans-serif;
	font-weight: 200;
	font-style: normal;
    font-size: 18px!important;
    letter-spacing: 0.15em;
}
.itempointBox p:nth-child(2) {
    font-family: nimbus-sans, sans-serif;
    font-weight: 200;
    font-style: normal;
    letter-spacing: 0.1em;
    font-size: 11px!important;
    margin-top: -1.5%;
}
.itempointBox p:nth-child(3) {
    font-size: 13.5px!important;
    letter-spacing: 0.12em;
    margin-top: 9%;
}
.itempointBox p:nth-child(4) {
    font-size: 12px!important;
    letter-spacing: 0.08em;
    line-height: 2em;
    margin-top: 2%;
    padding: 0 7%;
    text-align: justify;
}




.creditA {
    text-align: center;
    margin: 6% auto;
    padding-left: 10.8%;
	height: 70px;
}
#item03 .creditA{
	height: 30px;
}
#item05 .creditA{
	height: 30px;
	padding: 0 31%;
    white-space: nowrap;
}
#item06 .creditA{
	padding-right: 9%;
}






.creditA .item {
      margin: 8px 5px;
      float: left;
      width: calc(50% - 10px);
    }

.creditA ul, .creditA li {
    list-style: none;
	font-size: 11px;
	letter-spacing: 0.05em;
	text-align: left;
}
 
.creditB ul, .creditB li {
    list-style: none;
}


.creditA span, .creditB span{
	letter-spacing: 0.14em;
    padding: 0 0% 0.5% 1%;
	border-bottom: 1px solid #000000;
}


.creditB {
   /* margin: 10% 0 0 48%;*/
}

.creditB .item {
    margin: 5px;
    line-height: 30px;
    font-size: 12px;
    letter-spacing: 0.05em;
}

#item03 .creditB .item,
#item04 .creditB .item,
#item06 .creditB .item{
	float: left;
    width: calc(50% - 10px);
}




.smallImg{
	width: 60%;
	margin: 0 20%;
}






.line {
    width: 21px;
    height: 21px;
    margin: 7% auto 1%;
}
.line hr{
	transform: rotate(45deg);
    border: 0;
    border-top: 1px solid #333;
    margin: 0;
    padding: 0;
}






.txtBox img{
	width: 10%;
}


.ig_account {
	margin-top: 1%;
}

.ig_account p{
	font-family: nimbus-sans, sans-serif;
	font-weight: 400;
	font-style: normal;
}

.ig_account img {
    width: 7.5%;
    margin-bottom: 1%;
}




.other_box {
    width: 60%;
    margin: 16% auto 0 auto;
    padding-bottom: 16%;
}

.other_features {
    text-align: center;
    border-width: 1px;
    border-style: solid;
    padding: 6% 5%;
    font-size: 14px;
    letter-spacing: 0.18em;
    margin: 0 auto 4% auto;
    background-color: #fff;
}

.pc {
    display: none; }
.sp{
	display: block;
	}

.slideImg-horizontal>.slideImg-pagination-bullets, .slideImg-pagination-bullets.slideImg-pagination-horizontal, .slideImg-pagination-custom, .slideImg-pagination-fraction{
	position: sticky;
    margin-top: 3%;
}





#lpWrap .slick-dots{
	margin-top: 3.5%!important;
}


#lpWrap .slick-prev:before, .slick-next:before {
    width: 15px!important;
    height: 35px!important;
}

#lpWrap .slick-prev {
    left: 0!important;
}

#lpWrap .slick-next {
    right: 0!important;
}

#lpWrap .slick-dots li button:before {
    margin: 3% 0!important;
    width: 7px!important;
    height: 7px!important;
}








/* SP大きめ用390px以上749px以下の場合に適用 */
@media only screen and (min-width: 390px) and (max-width: 749px) {

#fv .fvText p:nth-child(1){
    font-size: 11px;
    letter-spacing: 0.15em;
	margin-bottom: 0px;
}
#fv .fvText p:nth-child(2){
    font-size: 11px;
    letter-spacing: 0.15em;
}

#fv .fvText p:nth-child(3) {
    font-size: 24px;
    letter-spacing: 0.4em;
    margin-top: 1.5%;
}

#fv .fvText .content {
    font-size: 11.5px;
    letter-spacing: 0.08em;
    line-height: 1.7em;
}	
	
#fv .fvText {
	left: 1%;
	margin: 2% 6.8%;
    padding: 11.5% 10.5% 13%;
}
	
.line {
    width: 23px;
    height: 23px;
}	
	
#lpWrap #lpAnc .itemPBtn p {
    font-size: 10px;
}	
	
.slideImg {
    width: 85%;
}	
	
.itempointBox p:nth-child(4) {
    letter-spacing: 0.1em;
    padding: 0 8%;
}	
	
itemBox .name span:nth-child(2) {
    font-size: 18.5px!important;
}
	
.itemBox{
    margin: 4% auto 0;
}	
	
/************ランダム箇所高さ************/
#lpWrap #item01 .otherImg {
	height: 890px;
}
#lpWrap #item02 .otherImg {
	height: 1300px;
}
#lpWrap #item03 .otherImg {
	height: 1160px;
}
#lpWrap #item04 .otherImg {
	height: 920px;
}
#lpWrap #item05 .otherImg {
	height: 1000px;
}
#lpWrap #item06 .otherImg {
	height: 660px;
}

/************アイテム01ランダム画像配置************/
#item01 .otherImg p:nth-child(1) {
    width: 60%;
    top: 8%;
    right: 0%;
}
#item01 .otherImg p:nth-child(2) {
    width: 60%;
    top: 48.5%;
    left: 8%;
}
#item01 .creditB {
    width: 100%;
    top: 89%;
    left: 7%;
}

/************アイテム02ランダム画像配置************/
#item02 .otherImg p:nth-child(1) {
    width: 68%;
    top: 8%;
    right: 0%;
}
#item02 .otherImg p:nth-child(2) {
    width: 71%;
    top: 42%;
    left: 0%;
}
#item02 .otherImg p:nth-child(3) {
    width: 60%;
    top: 62.5%;
    right: 8%;
}
#item02 .creditB {
    width: 100%;
    top: 86%;
    left: 31%;
}

/************アイテム03ランダム画像配置************/
#item03 .otherImg p:nth-child(1) {
    width: 75%;
    top: 8%;
    left: 7%;
}
#item03 .otherImg p:nth-child(2){
    width: 75%;
    top: 24%;
    right: 7%;	
}
#item03 .otherImg p:nth-child(3){
    width: 100%;
    top: 46%;
}
#item03 .creditB {
    width: 100%;
    top: 86.5%;
    left: 7%;
}

/************アイテム04ランダム画像配置************/
#item04 .otherImg p:nth-child(1) {
    width: 100%;
    top: 8%;
}
#item04 .otherImg p:nth-child(2) {
    width: 46%;
    top: 56%;
    left: 2.8%;
}
#item04 .otherImg p:nth-child(3) {
    width: 46%;
    top: 61%;
    right: 2.8%;
}
#item04 .creditB {
    width: 100%;
    top: 40%;
    left: 7%;
}

/************アイテム05ランダム画像配置************/
#item05 .otherImg p:nth-child(1) {
    width: 49%;
    top: 8%;
    right: 0%;
}
#item05 .otherImg p:nth-child(2){
    width: 49%;
    top: 8%;
    left: 0%;	
}
#item05 .otherImg p:nth-child(3) {
    width: 68%;
    top: 49%;
    left: 16%;
}
#item05 .creditB {
    width: 100%;
    top: 83.5%;
    /* left: 23%; */
    text-align: center;
}

/************アイテム06ランダム画像配置************/
#item06 .otherImg p:nth-child(1) {
    width: 68%;
    top: 13%;
    left: 0%;
}
#item06 .otherImg p:nth-child(2) {
    width: 86%;
    top: 47%;
    left: 6.5%;
}
#item06 .creditB {
    width: 95%;
    top: 85.5%;
    left: 2.2%;
    padding: 0 6%;
}	

}



/* SP大きめ用390px以上749px以下の場合に適用 */
@media only screen and (min-width: 410px) and (max-width: 749px) {

#item01 .creditB {
    top: 92%!important;
}
	
#item02 .creditB {
    top: 87%!important;
}
	
#item03 .creditB {
    top: 88.5%!important;
}
	
#item04 .creditB {
    top: 41%!important;
}
	
#item05 .creditB {
    top: 85.5%!important;
}
	
#item06 .creditB {
    top: 87.5%!important;
}	


}




/* PC用768px以上の場合に適用 */
@media (min-width: 768px) {
	
	
 #lpWrap a:hover {
	opacity: 0.5 ;
}
	
	
	
/*左から右にフェードイン*/
.left-to-right {
  opacity: 1;
  transform: translate(0);
}
.left-to-right.scrollin {
  opacity: 1;
  transform: translate(0);
}

/*右から左にフェードイン*/
.right-to-left {
  opacity: 1;
  transform: translate(0);
}
.right-to-left.scrollin {
  opacity: 1;
  transform: translate(0);
}

/*下から上にフェードイン*/
.down-to-top {
  opacity: 1;
  transform: translate(0);
}
.down-to-top.scrollin {
  opacity: 1;
  transform: translate(0);
}
	

#lpWrap #lpAnc {
    margin: 11% auto 0%;
	max-width: 490px;
	}	
	
#fv {
	margin-top: 1.8%;
}
	
	
#fv .fvText {
	top: 57%;
    padding: 4% 6%;
	left: 23%;
}	
	
	
#fv .fvText p:nth-child(1){
    font-size: 16px;
    letter-spacing: 0.19em;
	margin-bottom: -2px;
}
#fv .fvText p:nth-child(2){
    font-size: 16px;
    letter-spacing: 0.19em;
}

#fv .fvText p:nth-child(3) {
    font-size: 43px;
    letter-spacing: 0.35em;
    margin-top: 1%;
}

#fv .fvText .content {
    font-size: 15px;
    letter-spacing: 0.03em;
    line-height: 1.2em;
}
	
.line {
    width: 31px;
    height: 31px;
    margin: 4% auto 2%;
}
	
.line {
    width: 31px;
    height: 31px;
    margin: 4% auto 2%;
}
.itempointBox .line {
    width: 27px;
    height: 27px;
    margin: 4% auto -11%;
}

#lpWrap #lpAnc .itemPBtn p {
    font-size: 12px;
}
#lpWrap #lpAnc .itemPBtn {
    margin: 5% 15% 15%;
}
	
#lpWrap #lpAnc li {
	margin: 0px 1.8%; 
}	
	
/*　　　メイン画像配置　　　　*/
#lpWrap #item01 .mainImg .fadeSlider,
#lpWrap #item06 .mainImg .fadeSlider
{
	width: 80%;
}	
	
#lpWrap #item01 .mainImg{
	margin: 0% auto 0%;
	padding-top: 17%;
}
	
#lpWrap #item06 .mainImg{
	margin: 0% auto 0%;
	padding-top: 5%;
}	
	
	
#lpWrap #item04 .mainImg{
	width: 70%;
	margin: 0% auto 0%;
}	

#item02 .mainImg p:nth-child(1) {
    width: 93%;
}
#item02 .mainImg p:nth-child(2) {
    width: 85%;
    margin-top: 2%;
    margin-left: 26%;
}

#item03 .mainImg p:nth-child(1) {
    width: 78%;
	margin-left: 26%;
}
#item03 .mainImg p:nth-child(2) {
    width: 78%;
    margin-top: 3%;
    margin-left: -3%;
}

#item05 .mainImg p:nth-child(1) {
    width: 58%;
    margin-left: 70%;
}
#item05 .mainImg p:nth-child(2) {
    width: 80%;
    margin-top: -42%;
    margin-left: -13%;
}
	
	
	
.itemBox .buyBtn {
    font-size: 17px!important;
	margin: 0 36%;
}
	
	
	
	
	
	
/************ランダム箇所共通************/
#lpWrap .ItemSec .otherImg {
	width: 70%;
	margin-top: 15%;
}
/************ランダム箇所高さ************/
#lpWrap #item01 .otherImg {
	height: 900px;
}
#lpWrap #item02 .otherImg {
	height: 1100px;
}
#lpWrap #item03 .otherImg {
	height: 1000px;
}
#lpWrap #item04 .otherImg {
	height: 900px;
}
#lpWrap #item05 .otherImg {
	height: 1000px;
}
#lpWrap #item06 .otherImg {
	height: 550px;
}	

/************アイテム01ランダム画像配置************/
#item01 .otherImg p:nth-child(1) {
    width: 70%;
    top: 0%;
    right: -50%;
}
#item01 .otherImg p:nth-child(2) {
    width: 58%;
    top: 15%;
    left: 8%;
}
#item01 .creditB {
    width: 100%;
    top: 65%;
    left: 7%;
}

/************アイテム02ランダム画像配置************/
#item02 .otherImg p:nth-child(1) {
    width: 63%;
    top: 0%;
    right: -55%;
}
#item02 .otherImg p:nth-child(2) {
    width: 75%;
    top: 7%;
    left: -6%;
}
#item02 .otherImg p:nth-child(3) {
    width: 72%;
    top: 36%;
    right: 19%;
}
#item02 .creditB {
    width: 100%;
    top: 44.5%;
    left: 91.5%;
}

/************アイテム03ランダム画像配置************/
#item03 .otherImg p:nth-child(1) {
    width: 75%;
    top: 0%;
    left: -15%;
}
#item03 .otherImg p:nth-child(2) {
    width: 75%;
    top: 25%;
    right: 25%;
}
#item03 .otherImg p:nth-child(3) {
    width: 85%;
    top: 14%;
    left: 85%;
}
#item03 .creditB {
    width: 100%;
    top: 64.5%;
    left: 85%;
}

/************アイテム04ランダム画像配置************/
#item04 .otherImg p:nth-child(1) {
    width: 112%;
    top: 0%;
    right: 11%;
}
#item04 .otherImg p:nth-child(2) {
    width: 46%;
    top: 29%;
    left: 95%;
}
#item04 .otherImg p:nth-child(3) {
    width: 46%;
    top: 24%;
    right: -90%;
}
#item04 .creditB {
    width: 100%;
    top: 47%;
    left: -11%;
}

/************アイテム05ランダム画像配置************/
#item05 .otherImg p:nth-child(1) {
    width: 49%;
    top: 0%;
    right: 8%;
}
#item05 .otherImg p:nth-child(2) {
    width: 49%;
    top: 8%;
    left: -10%;
}
#item05 .otherImg p:nth-child(3) {
    width: 73%;
    top: 25.5%;
    left: 96%;
}
#item05 .creditB {
    width: 100%;
    top: 51%;
    left: -10.5%;
    text-align: inherit;
}

/************アイテム06ランダム画像配置************/
#item06 .otherImg p:nth-child(1) {
    width: 75%;
    top: 0%;
    left: -11%;
}
#item06 .otherImg p:nth-child(2) {
    width: 90%;
    top: 19%;
    left: 68%;
}
#item06 .creditB {
    width: 95%;
    top: 80%;
    left: 61.2%;
    padding: 0 6%;
}

	
	
#fv img{
	width: 100%;
	margin: 0 auto;
}
	
#lpWrap .ItemSec {
    padding-top: 0px;
}
.itemBox .name span:nth-child(1) {
	font-size: 16px!important;
	letter-spacing: 0.1em;
}
.itemBox .name span:nth-child(2) {
    font-size: 24px!important;
}
	
.itemBox .size {
	font-size: 17px!important;
	padding: 0 4%;
}	

	
	
	
	
	
	
.itemBox .price {
    font-size: 16.5px!important;
    padding: 0 5%;
    letter-spacing: 0.15em;
    margin-top: -1%;
}
	
.creditA .item {
	width: calc(50% - 65px);
}
.creditA {
    margin: 4% auto 0;
    padding-left: 22.5%;
	height: 70px;
}
	
#item03 .creditA{
	height: 30px;
}
#item05 .creditA{
	height: 30px;
	padding: 0 35%;
    white-space: nowrap;
}
#item06 .creditA{
	padding-right: 9%;
}
	
.itemBox .flexbox {
    margin-top: 1%;
	margin-bottom: 2.5%;
}	
	
#lpWrap .ItemSec .mainImg {
	width: 65%;
	margin: 0 auto;
}
	
#lpWrap .ItemSec .pointImg .slick-slide img {
    width: 75%;
}
	
#lpWrap #profileBox{
	width: 37%;
}
	
#lpWrap #profileBox p:nth-child(3) {
    font-size: 14.5px;
	margin-top: 4%;
}
	
#lpWrap #profileBox p:first-child {
    font-size: 22px;
    margin: 2% auto -1%;
}	

#lpWrap #profileBox p a {
    font-size: 16px;
    margin: auto 1%;
}	
	
.ig_account img {
    width: 4%;
	margin-bottom: 0%;
}
	
	
.other_features {
    font-size: 17px!important;
    margin: 0 30%;
    padding: 3% 0%;
}

.other_box {
    width: 46%;
    margin: 4% auto 0 auto;
    padding-bottom: 5%;
}
	
.itempointBox{
	background: linear-gradient(#fff 2.8%, #f4f4f0 0, #f4f4f0 80%, #fff 0);
	margin-top: 14%;
}
	
#item01 .itempointBox,
#item04 .itempointBox{
	background: linear-gradient(#fff 2.8%, #f3fbe7 0, #f3fbe7 88%, #fff 0);	
}
#item03 .itempointBox,
#item06 .itempointBox{
	background: linear-gradient(#fff 2.8%, #fffee8 0, #fffee8 88%, #fff 0);	
}	


.itempointBox p:nth-child(1) {
    font-size: 25px!important;
    letter-spacing: 0.2em;
}
	
.itempointBox p:nth-child(2) {
    font-size: 14px!important;
    margin-top: -1%;
}
	
.itempointBox p:nth-child(3) {
    font-size: 17px!important;
    letter-spacing: 0.07em;
    margin-top: 2.5%;
}
	
.itempointBox p:nth-child(4) {
    font-size: 15px!important;
	padding: 0 23%;
	margin-top: 1%;
}	

.itemBox .color {
    width: 13.5%;
    margin-top: -1%;
}	
	
#lpWrap #profileBox .imgBox {
      width: 25%;
      margin:0 auto; 
}
	
.itemBox{
    margin-top: 2%;
}

.itemBox .name{
	font-size: 23px!important;
}
	
	
.slideImg {
    width: 55%;
    margin: 12% 22% 3%!important;
}
		

	
.sp {
    display: none; }
.pc{
	display: block;
	}	
	
	
#lpWrap .contentBottom {
    margin-top: 13%;
}
	
	
	
	
	
}