@charset "utf-8";

/*------------------------------------------------------------
LP
------------------------------------------------------------*/

/*パンくずリスト*/
.bread-crumbs .bread-crumbs-inner{
	display: none;
}
main{
	width: 100%;
	/*max-width: 1400px;*/
	max-width: 2000px;
	/*font-family: "linotype-sabon","Times New Roman", Times,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;*/
	font-family: "linotype-sabon","Times New Roman", Times, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", serif;
	margin: 0 auto;
	color: #1c1a1b;
	font-size: 14px;
	/* overflow: hidden; */
	background-color: #ffffff;
}
main h2{
	/* font-size: 27px; */
	/*font-style: italic;*/
	/* font-family: "linotype-sabon","Times New Roman", Times, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", serif;
	display: block;
	color: #1c1a1b;
	text-align: center;
	margin: 0 auto;
	padding: 100px 0 50px; */
	}
main a{
	display: block;
}
main a:link{
	color: #1c1a1b;
}







/*! pc & tb 
------------------------------------------*/
@media screen and (min-width: 641px) {
	
.spView{
	display: none;
}
/*.tbView{
	display: none;
}*/



/*ラッパー要素*/
.wrapper{
	width: 100%;
	display: flex;
	justify-content: space-between;
	position: relative;
}

/*画像のブロック*/
.left_images{
	width: 50vw;
	height: 100vh;
	display: flex;
	align-items: center;
	position: sticky;
	position: -webkit-sticky;
	top:65px;
	background-color: #a7a7a7;
	/* background-color: #ffffff;
	background-image: url(../img/main_img_left.jpg);
	background-repeat:no-repeat;
	background-position: center;
	background-size:cover; */
}
.left_images h1{
	width: calc(240/780 * 100%);
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

/* 【重要】左側：フッターが来たら上に行く設定 */
.sidebar {
  position: sticky;  /* fixedからstickyに変更 */
  top: 0;            /* 画面の一番上で固定 */
  align-self: flex-start; /* stickyを正しく動作させるために必須 */
  width: 100%;
  height: 100vh;     /* 画面いっぱいの高さを維持 */
  background-color: #000;
  overflow: hidden;
}

/* フェードスライダーの外枠（画像を重ねるための基準） */
.slider-fade {
  position: relative;
  width: 100%;
  height: 100%;
}

/* 画像の基本設定（すべてを同じ位置に重ねる） */
.slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* 画面サイズに関わらず、余白を作らずに敷き詰める */
  /* 画像の中心を基準に拡大縮小させる設定（必要に応じて） */
  object-position: center; 
  opacity: 0;          /* 初期状態は透明 */
  animation: fadeAnimation 16s infinite; /* 16秒で1ループ（4枚×4秒） */
}

/* 各画像の表示タイミングをずらす（4秒ずつずらす） */
.slide:nth-child(1) { animation-delay: 0s; }
.slide:nth-child(2) { animation-delay: 4s; }
.slide:nth-child(3) { animation-delay: 8s; }
.slide:nth-child(4) { animation-delay: 12s; }

/* ふわっと切り替えるアニメーション設定（全体を100%とした割合） */
@keyframes fadeAnimation {
  0% { opacity: 0; }
  5% { opacity: 1; }  /* 最初20%の期間（約3.2秒間）は表示を維持 */
  25% { opacity: 1; }
  30% { opacity: 0; } /* 次の5%の期間（約0.8秒）でふわっと消える */
  100% { opacity: 0; }
}









/*コンテンツのブロック*/
.main_contents{ width: 50vw; }
/* .main_contents div{ padding-top: 50vh; }
.main_contents div:last-child{ padding-bottom: 50vh; } */

.contents_inner{
	width: 100%;
	max-width: 780px;
	margin: 0 auto;
	padding-bottom: 90px;
	background-color: #ffffff;
}



/*top
---------------*/
.top_txt{
	font-size: 14px;
	width: 80%;
	margin: 0 auto;
	padding: 0 0;
  	font-optical-sizing: auto;
	/* font-family: "yu-gothic-pr6n", sans-serif;
	font-family: "noto-sans-cjk-jp", sans-serif; */
	font-family: "Noto Serif JP", serif;
	font-weight: 400;
	font-style: normal;
	color: #333333;
}
.top_txt p{
	padding-bottom: 15px;
	line-height: 2.2;
}
.top_logo{
	width: calc(352/780 * 100%);
	margin: 0 auto;
	padding: 70px 0 50px;
	text-align: center;
}
.top_txt p:last-child{
	padding-bottom: 0;
}



/* Category
======================*/
.cate_wrap{
	width: calc(540/780*100%);
	margin: 0 auto;
	padding: 0;
	display: flex;
	flex-wrap: wrap;/*改行許可*/
	justify-content: space-between;
	align-items: stretch;/*横並びの高さを揃える*/
	align-items: start;
	position: relative;
	/* gap: 40px; */
}
.cate_box{
	width: calc(50% - 20px);
}
.cate_box:nth-child(2){
	margin-top: 80px;
}
.cate_box img{
	width: 100%;
}
.cate_item{
	position: relative;
	margin-bottom: 40px;
}
.cate_item:nth-child(2){
	margin-bottom: 0;
}
.cate_txt{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: calc(30/360*100%);
	color: #ffffff;
	font-size: 21px;
}




/* 各SECTION
======================*/
.sec_wrap{
	width: 100%;
	margin: 0 auto;
	padding: 150px 0 0;
}
.sec_txt{
	width: calc(624/780*100%);
	font-size: 14px;
	margin: 0 auto;
	padding-bottom: 60px;
	line-height: 2.0;
  	font-optical-sizing: auto;
	/* font-family: "yu-gothic-pr6n", sans-serif;
	font-family: "noto-sans-cjk-jp", sans-serif; */
	font-family: "Noto Serif JP", serif;
	font-weight: 400;
	font-style: normal;
	color: #444444;
}

.sec_ttl{
	padding: 0 0 50px!important;
	line-height: 1;
	font-size: 25px;
	text-align: center;
	/* font-weight: 900; */
	font-style: normal;
	line-height: 1;
}
main h2{
	font-size: 25px;
	text-align: center;
	padding: 0!important;
	/* font-weight: 900; */
	font-style: normal;
	line-height: 1;

}




/* 商品画像の重なり
======================*/
.item_img_wrap{
	width: 88%;
	margin: 0 auto;
	padding: 0;
}

.item_img{
	padding-bottom: 40px;
	overflow: hidden;
}

.item_img a:hover{
	opacity: 1;
	background-color: #ffffff;
}
.item_img a img:hover{
	opacity: 0.7;
}

/*画像の大きさ*/
.img_405{
	width: calc(405/624 * 100%);
}
.img_420{
	width: calc(420/780 * 100%);
}
.img_480{
	width: calc(480/780 * 100%);
}
.img_500{
	width: calc(530/780 * 100%);
}
.img_530{
	width: calc(530/780 * 100%);
}

/*画像の位置*/	
.img_left{
	margin-left: 0;
}
.img_left50{
	margin-left: calc(50/780*100%);
	margin-right: auto;
}
.img_right{
	margin-left: auto;
	margin-right: 0;
}
.img_right30{
	margin-left: auto;
	margin-right: calc(30/780*100%);
}
.img_right70{
	margin-left: auto;
	margin-right: calc(70/780*100%);
}
.img_center{
	margin: 0 auto;
}


/*画像の重なり*/
.img_stickybox{
	position: relative;
}
.img_stickybox .item_img{
	display: block;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	top: 120px;/*ヘッダーメニューの高さ分を調整*/
}


/* Featured Brands
======================*/
.brand_wrap{
	
}
.brand_box{
	padding-bottom: 120px;
}
.brand_box:last-child{
	padding-bottom: 0;
}
.brand_img{
	width: 80%;
	margin: 0 auto;
}
.brand_logo{
	width: calc(280/624*100%);
	max-width: 280px;
	margin: 0 auto;
	padding: 70px 0 50px;
}
.brand_box .sec_txt_p{
	padding-bottom: 20px;
}


/* View More ボタン
======================*/
.sec_btn_wrap{
	padding: 40px 0 0;
}
.sec_btn_wrap a{
	width: 150px;
	height: 30px;
	display: block;
	margin: 0 auto;
	/* font-family: "noto-sans-cjk-jp", sans-serif;
	font-family: "Noto Serif JP", serif; */
	font-optical-sizing: auto;
	font-weight: 300;
	font-style: normal;
	letter-spacing: -1.0px;
}
.sec_btn{
	background-color: #a7a7a7;
	border-radius: 50px;
	font-size: 12px;
	line-height: 30px;
	color: #ffffff;
	text-align: center;
	letter-spacing: 0.5px;
}
.btn_jp{
	font-weight: bold;
}

/* long ボタン
======================*/
.long_btn_wrap{
	margin: 0 auto;
	padding: 0 0;
}
.long_btn_wrap .sec_btn_wrap{
	padding: 0;

}
.long_btn_wrap .sec_btn_wrap a{
	width: 320px;
	height: 30px;
	display: block;
	margin: 0 auto;
	padding: 0;
	/* font-family: "noto-sans-cjk-jp", sans-serif;
	font-family: "Noto Serif JP", serif; */
	font-optical-sizing: auto;
	font-weight: 300;
	font-style: normal;
	letter-spacing: -1.0px;
}


/* Footer ボタン
======================*/
.footer_btn_wrap{
	margin: 0 auto;
	padding: 0 0;
	background-color: #ffffff;
}

.footer_btn_wrap .sec_btn_wrap a{
	width: 240px;
	height: 30px;
	display: block;
	margin: 0 auto;
	/* font-family: "noto-sans-cjk-jp", sans-serif;
	font-family: "Noto Serif JP", serif; */
	font-optical-sizing: auto;
	font-weight: 300;
	font-style: normal;
	letter-spacing: -1.0px;
}






}/*! //pc & tb */






/*! tb 1
------------------------------------------*/
@media screen and (max-width: 767px){
	
}



/*! tb 2
------------------------------------------*/
@media screen and (max-width: 950px) {
	

/*.pcView{
	display: none;
}
.tbView{
	display: block;
}

.top-bar{
	z-index: 999;
}*/


}/*tab2*/




/*! sp 
------------------------------------------*/
@media screen and (max-width: 640px) {
.pcView{
	display: none;
}
/*.tbView{
	display: none;
}*/

.top-bar{
	z-index: 999;
}


main{
	/*margin-bottom: 20vw;*/
	font-size: 3.5vw;
}
main .contents{
	margin: 0 0 0;
}



/*sp 全体
---------------*/
.sec_wrap{
	width: 100%;
	margin: 0 auto;
	padding: 25vw 0 0;
	position: relative;
	z-index: 99;
	background-color: #ffffff;
}
.sec_main_ttl{
	font-size: 4.4vw;
	text-align: center;
	padding-bottom: 8vw;
	font-style: normal;
	line-height: 1;
}
.sec_ttl{
	/* font-size: 4.8vw; */
	font-size: 5vw;
	text-align: center;
	font-style: normal;
	padding: 0 0 10vw;
	line-height: 1;
}
.sec_txt{
	width: 80%;
	margin: 0 auto;
	padding: 0 0 10vw;
	line-height: 2;
	font-family: "Noto Serif JP", serif;
	font-size: 3.4vw;
	font-optical-sizing: auto;
	font-style: normal;
	color: #333333;
	font-weight: 400;
}

.contents_inner{
	width: 100%;
	max-width: 780px;
	margin: 0 auto;
	padding-bottom: 10vw;
	background-color: #ffffff;
	/* overflow: hidden; */
}





/*sp top
---------------*/
.top_txt{
	font-size: 3.4vw;
	width: 80%;
	margin: 0 auto;
	padding: 0 0;
  	font-optical-sizing: auto;
	/* font-family: "yu-gothic-pr6n", sans-serif;
	font-family: "noto-sans-cjk-jp", sans-serif; */
	font-family: "Noto Serif JP", serif;
	font-weight: 400;
	font-style: normal;
	color: #333333;
	letter-spacing: 0.2vw;
}
.top_txt p{
	padding-bottom: 4vw;
	line-height: 2.0;
}
.top_txt p:last-child{
	padding-bottom: 0vw;
}
.top_logo{
	width: 80%;
	margin: 0 auto;
	padding: 7vw 0 11vw;
	text-align: center;
}
.top_logo img{
	width: calc(370/624 * 100%);
}




/* sp Category
======================*/
.cate_wrap{
	width: calc(540/700*100vw);
	margin: 0 auto;
	padding: 0;
	display: flex;
	flex-wrap: wrap;/*改行許可*/
	justify-content: space-between;
	align-items: stretch;/*横並びの高さを揃える*/
	align-items: start;
	position: relative;
	/* gap: 40px; */
}
.cate_box{
	width: calc(250/700*100vw);
}
.cate_box:nth-child(2){
	margin-top:calc(80/700*100vw);
}
.cate_box img{
	width: 100%;
}
.cate_item{
	position: relative;
	margin-bottom: calc(40/700*100vw);
}
.cate_item:nth-child(2){
	margin-bottom: 0;
}
.cate_txt{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: calc(30/360*100%);
	color: #ffffff;
	font-size: 4.2vw;
	letter-spacing: 0.2vw;
}


/* sp 上からせりあがる
======================*/
/* 各セクションの設定 */
.insert_box {
  position: sticky; /* ここが重要：スクロール時に固定する */
  top: 0;           /* 画面の最上部で止まるように指定 */
  height: 90vh;      /*画面いっぱいの高さ */
  height: 90svh;/*（最新ブラウザ向け）*/
  min-height: 90vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  /* padding-top: 25vw; */
  background-color: #ffffff;
}
/* .insert1{
	position: relative;
	z-index: 1;
} */

/* 重なりを見えやすくするための背景色（任意） */
/* .bg-1 { background-color: #f3e5f5; }
.bg-2 { background-color: #e1f5fe; }
.bg-3 { background-color: #ffcc00; } */

/* .content {
  text-align: center;
} */
/* .bg-2{
	width: 90%;
	margin: 0 auto;
		} */


/* sp 商品画像の重なり
======================*/
.item_img_wrap{
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

.item_img{
	padding-bottom: calc(50/780*100vw);
	overflow: hidden;
}
.item_img a:hover{
	opacity: 1;
	background-color: #ffffff;
}
.item_img a img:hover{
	opacity: 0.7;
}


/*画像の大きさ*/
.img_405{
	width: calc(405/624 * 100%);
}
.img_420{
	width: calc(420/780 * 100%);
}
.img_480{
	width: calc(480/780 * 100%);
}
.img_500{
	width: calc(530/780 * 100%);
}
.img_530{
	width: calc(530/780 * 100%);
}

/*画像の位置*/	
.img_left{
	margin-left: 0;
}
.img_left50{
	margin-left: calc(50/780*100%);
	margin-right: auto;
}
.img_right{
	margin-left: auto;
	margin-right: 0;
}
.img_right30{
	margin-left: auto;
	margin-right: calc(30/780*100%);
}
.img_right70{
	margin-left: auto;
	margin-right: calc(70/780*100%);
}
.img_center{
	margin: 0 auto;
}


/*画像の重なり*/
.img_stickybox{
	position: relative;
}
.img_stickybox .item_img{
	display: block;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	top: 15vw;/*ヘッダーメニューの高さ分を調整*/
}


/* sp Featured Brands
======================*/
.brand_wrap{
	
}
.brand_box{
	padding-bottom: 20vw;
}
.brand_box:last-child{
	padding-bottom: 0;
}
.brand_img{
	width: 80%;
	margin: 0 auto;
}
.brand_logo{
	width: calc(300/624*100%);
	margin: 0 auto;
	padding: 12vw 0 10vw;
}
.brand_box .sec_txt_p{
	padding-bottom: 5vw;
}



/* sp View More ボタン
======================*/
.sec_btn_wrap{
	padding-top: 10vw;
}
.sec_btn_wrap a{
	width: 30vw;
	height: 5.625vw;
	display: block;
	margin: 0 auto;
	/* font-family: "noto-sans-cjk-jp", sans-serif;
	font-family: "Noto Serif JP", serif; */
	font-optical-sizing: auto;
	font-weight: 300;
	font-style: normal;
	letter-spacing: -0.5vw;
}
.sec_btn{
	background-color: #a7a7a7;
	border-radius: 7.8125vw;
	font-size: 2.8125vw;
	line-height: 5.625vw;
	color: #ffffff;
	text-align: center;
	letter-spacing: 0;
}

.btn_jp{
	font-weight: bold;
}

/* sp long ボタン
======================*/
.long_btn_wrap{
	margin: 0 auto;
	background-color: #ffffff;
}

.long_btn_wrap .sec_btn_wrap{
	padding: 0;
}
.long_btn_wrap .sec_btn_wrap a{
	width: 74vw;
	margin: 0 auto;
	height: 7.5vw;
}
.long_btn_wrap .sec_btn{
	line-height: 7.5vw;
}

/* sp Footer ボタン
======================*/
.footer_btn_wrap{
	margin: 0 auto;
	padding: 2vw auto 0;
	background-color: #ffffff;
	position: relative;
	z-index: 99;
}

.footer_btn_wrap .sec_btn_wrap a{
	width: 50vw;
}




}/*! //sp */










/*@media screen and (max-width: 1200px) and (min-width: 768px) and (orientation: portrait) {
}
*/






/*画像の縮小・拡大・回転アニメーション start
=========================*/
/*挿入画像の場合*/
.insert_box .itemAnmTrigger {
	opacity: 0;
}
/* .itemAnmActive {
	opacity: 1;
} */

/* .itemAnmTrigger{
	transform: scale(1.0) rotate(0) translateY(0px);
} */
.insert_box .itemAnmActive{
	animation: item_anm_zoom 1.5s ease-out 1;
	animation-fill-mode: forwards;/* 再生終了時の状態で停止する設定 */
}


/*商品画像の場合*/
.item_img .itemAnmTrigger {
	opacity: 1;
	transform: translateY(-30px);
}
.item_img .itemAnmActive{
	animation: item_anm_move 1.5s ease-out 1;
	animation-fill-mode: forwards;/* 再生終了時の状態で停止する設定 */
}



/*画像拡大*/
@keyframes item_anm_zoom {
0%   {transform: scale(1.0) rotate(0) translateY(0); opacity: 0;}
100% {transform: scale(1.1) rotate(0) translateY(0); opacity: 1;}
}


/*移動*/
@keyframes item_anm_move {
0%   {transform: scale(1.0) rotate(0) translateY(-30px); opacity: 1;}
100% {transform: scale(1.0) rotate(0) translateY(0); opacity: 1;}
}

.imgFrame{
	overflow: hidden;
}
.imgFrame img{
	overflow: hidden;
}

/*画像の縮小・拡大・回転アニメーション end
=========================*/





/*   ふわっと表示 start
=========================*/
/* ----- effects ----- */
  .effFI, .effFIU, .effFID, .effFIR, .effFIL { opacity:0; }
  .effFI.effanm { -webkit-animation:effFI 2.5s both; animation:effFI 2.5s both; }
  .effFIU.effanm { -webkit-animation:effFIU 1.5s both; animation:effFIU 1.5s both; }
  .effFID.effanm { -webkit-animation:effFID 1.5s both; animation:effFID 1.5s both; }
  .effFIR.effanm { -webkit-animation:effFIR 1.5s both; animation:effFIR 1.5s both; }
  .effFIL.effanm { -webkit-animation:effFIL 1.5s both; animation:effFIL 1.5s both; }

/*その場でフェードイン*/
  @-webkit-keyframes effFI {0%{opacity:0}100%{opacity:1}}
  @keyframes effFI {0%{opacity:0}100%{opacity:1}}

/*下から上へフェードイン*/
  @-webkit-keyframes effFIU {0%{opacity:0;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
  @keyframes effFIU {0%{opacity:0;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}

/*上から下へフェードイン*/
  @-webkit-keyframes effFID {0%{opacity:0;-webkit-transform:translate3d(0,-50px,0);transform:translate3d(0,-50px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
  @keyframes effFID {0%{opacity:0;-webkit-transform:translate3d(0,-50px,0);transform:translate3d(0,-50px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}

/*右から左へフェードイン*/
  @-webkit-keyframes effFIR {0%{opacity:0;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
  @keyframes effFIR {0%{opacity:0;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}

/*右から左へフェードイン*/
  @-webkit-keyframes effFIL {0%{opacity:0;-webkit-transform:translate3d(-50px,0,0);transform:translate3d(-50px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
  @keyframes effFIL {0%{opacity:0;-webkit-transform:translate3d(-50px,0,0);transform:translate3d(-50px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
/*   ふわっと表示 end
=========================*/



/*   ふわっと表示：回転しながら start
=========================*/
/* ----- effects ----- */
  .effRotate1, .effRotate2, .effRotate3, .effRotate4 { opacity:0; }
  .effRotate1.effanm { animation:effRotate1 1.0s both; }
  .effRotate2.effanm { animation:effRotate2 1.0s both; animation-delay: 0.3s; }
  .effRotate3.effanm { animation:effRotate3 1.0s both; animation-delay: 0.5s;}
  .effRotate4.effanm { animation:effRotate4 1.0s both; animation-delay: 0.7s;}

  @keyframes effRotate1 {0%{opacity:0; transform: rotate(60deg);}100%{opacity:1; transform: rotate(0deg);}}
  @keyframes effRotate2 {0%{opacity:0; transform: rotate(60deg);}100%{opacity:1; transform: rotate(0deg);}}
  @keyframes effRotate3 {0%{opacity:0; transform: rotate(60deg);}100%{opacity:1; transform: rotate(0deg);}}
  @keyframes effRotate4 {0%{opacity:0; transform: rotate(60deg);}100%{opacity:1; transform: rotate(0deg);}}

/*   ふわっと表示：回転しながら end
=========================*/





/*画像重なりアニメーション start
=========================*/
.overlap_box{
	position: relative;
	background-color: #ffffff;
	width: 100%;
	max-width: 780px;
	margin: 0 auto;
}
@media screen and (max-width: 640px) {
	.overlap_box{
	height: 120vw;
	overflow: hidden;
	}
}
.overlap_box:before{
	content: "";
	display: block;
	padding-top: 100.0%;/* 要素の高さ780px ÷ 横幅780px ×100*/
}
.overlap_box img{
	opacity: 0;
}

.secImgWide1, .secImgWide2, .secImgWide3, .secImgWide4, .secImgWide5{
	width: calc(390/780 * 100%);
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}
@media screen and (max-width: 640px) {
.secImgWide1, .secImgWide2, .secImgWide3, .secImgWide4, .secImgWide5{
	width: calc(450/780 * 100%);
}

}
.secImgWide1{
	z-index: 101;
	top: calc(70/780 *100%);
	left: calc(445/780 *100%);
}
.secImgWide2{
	z-index: 102;
	top: calc(180/780 *100%);
	left: calc(285/780 *100%);
}
.secImgWide3{
	z-index: 103;
	top: calc(120/780 *100%);
	left: calc(385/780 *100%);
}
.secImgWide4{
	z-index: 105;
	top: calc(200/780 *100%);
	left: calc(520/780 *100%);
}
.secImgWide5{
	z-index: 105;
	top: calc(250/780 *100%);
	left: calc(465/780 *100%);
}

/*画像を時差で重ねて表示させる*/
.topAnmTrigger {
}
.secImgWide1 .topAnmActive{
	animation: item_anm1 5.0s ease-out 0s 1;
	animation-fill-mode: forwards;/*アニメーションを終了時点でのスタイルをそのまま保持 */
}
.secImgWide2 .topAnmActive{
	animation: item_anm2 4.5s ease-out 0.5s 1;
	animation-fill-mode: forwards;/*アニメーションを終了時点でのスタイルをそのまま保持 */
}
.secImgWide3 .topAnmActive{
	animation: item_anm3 4.0s ease-out 1s 1;
	animation-fill-mode: forwards;/*アニメーションを終了時点でのスタイルをそのまま保持 */
}
.secImgWide4 .topAnmActive{
	animation: item_anm4 3.5s ease-out 1.5s 1;
	animation-fill-mode: forwards;/*アニメーションを終了時点でのスタイルをそのまま保持 */
}
.secImgWide5 .topAnmActive{
	animation: item_anm5 3.0s ease-out 2.0s 1;
	animation-fill-mode: forwards;/*アニメーションを終了時点でのスタイルをそのまま保持 */
}


@keyframes item_anm1 {
0%   {transform: scale(0.95) rotate(17deg); opacity: 0; }
12.5%{opacity: 1; }
87.5%{transform: scale(1.0) rotate(15deg); opacity: 1;}
100% {transform: scale(1.0) rotate(15deg); opacity: 1;}
}
@keyframes item_anm2 {
0%   {transform: scale(0.95) rotate(-17deg); opacity: 0; }
14.28%{opacity: 1; }
85.7%{transform: scale(1.0) rotate(-15deg); opacity: 1;}
100% {transform: scale(1.0) rotate(-15deg); opacity: 1;}
}
@keyframes item_anm3 {
0%   {transform: scale(0.95) rotate(3deg); opacity: 0; }
16.6%{opacity: 1; }
83.3%   {transform: scale(1.0) rotate(0deg); opacity: 1;}
100% {transform: scale(1.0) rotate(0deg); opacity: 1;}
}
@keyframes item_anm4 {
0%   {transform: scale(0.95) rotate(17deg); opacity: 0; }
20%{opacity: 1; }
80%   {transform: scale(1.0) rotate(15deg); opacity: 1;}
100% {transform: scale(1.0) rotate(15deg); opacity: 1;}
}
@keyframes item_anm5 {
0%   {transform: scale(0.95) rotate(7deg); opacity: 0; }
23%{opacity: 1; }
77%   {transform: scale(1.0) rotate(5deg); opacity: 1;}
100% {transform: scale(1.0) rotate(5deg); opacity: 1;}
}


/*画像重なりアニメーション end
=========================*/


/*PC時のみ　左テキストアニメーション start
=========================*/
.left_images .topAnmActive{
	animation: left_anm 2.5s ease-out 0s 1;
	animation-fill-mode: forwards;/*アニメーションを終了時点でのスタイルをそのまま保持 */
}

@keyframes left_anm {
0%   {transform: scale(1.0) rotate(0deg) translateY(0); opacity: 0; }
100% {transform: scale(1.0) rotate(0deg) translateY(0); opacity: 1;}
}
/*PC時のみ　左テキストアニメーション end
=========================*/