@charset "utf-8";
/* ==================================================================
CSS information
style info : PAGE
================================================================== */


/* ----------------------------------------------------------------------------------------------------------------
.secHero
---------------------------------------------------------------------------------------------------------------- */
#toppage.allwrap { background-image: url(../../_img/t/bg_sp.jpg),url(../../_img/t/bg_r_b.jpg); background-position: top center,top center; background-repeat: no-repeat,repeat; background-size: 100%,calc(280/750*100%); }

#toppage .secHero { padding-top: calc(52/750*100%); padding-bottom: calc(90/750*100%); position: relative; }
#toppage .secHero::before { content: ""; display: block; width: 100%; height: 0; padding-top: calc(4/750*100%); position: absolute; bottom: 0;  left: 0; background: #a38f46; opacity: 0.5; }

#toppage .secHero .sHer__catchcopy { background: url(../../_img/t/catchcopy_bg.png) top center repeat-x; background-size: calc(401/750*100%); margin-bottom: calc(45/750*100%); }
#toppage .secHero .sHer__catchcopy img { width: calc(587/750*100%); margin: 0 auto; display: block; }

#toppage .secHero .sHer__logo { width: calc(623/750*100%); margin: 0 auto calc(55/750*100%); }
#toppage .secHero .sHer__release { width: calc(383/750*100%); margin: 0 auto calc(30/750*100%); }

#toppage .secHero .sHer__link { margin: 0 auto calc(35/750*100%); position: relative; z-index: 10;
	display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: center; justify-content: center; }
#toppage .secHero .sHer__link .sHer__link__btn { width: calc(60/750*100%); margin: 0 calc(20/750*100%); opacity: 0.7; }

#toppage .secHero .sHer__video { width: calc(360/750*100%); margin-left: calc(50/750*100%); }

#toppage .frameA { display: block; position: relative; }
#toppage .frameA__thumb { position: relative; vertical-align: top; }
#toppage .frameA__thumb::before { content: ""; display: block; width: 100%; height: 100%; border: 5px solid rgba(0,0,0,0.5); position: absolute; top: 0; left: 0; }
#toppage .frameA__thumb::after { content: ""; display: block; width: 100%; height: 100%; border: 1px solid #60552c; background: url(../../_img/t/btn_play.png) center no-repeat; background-size: 100%; position: absolute; top: 0; left: 0; }
#toppage .frameA__text { width: calc(344/360*100%); background: #2a210b; margin: calc(-17/360*100%) auto 0; position: relative; }
#toppage .frameA__text::before { content: ""; display: block; width: 100%; height: 100%; border-left: 3px solid #796032; border-right: 3px solid #796032; position: absolute; top: 0; left: 0; }

#toppage .secHero .sHer__point { width: calc(294/750*100%); position: absolute; bottom: 0; right: calc(24/750*100%); margin-bottom: calc(-50/750*100%);}

@media screen and (min-width: 641px) {
	#toppage.allwrap { background-image: url(../../_img/t/bg_pc.jpg),url(../../_img/t/bg_r_b.jpg); background-position: top center,top center; background-repeat: no-repeat,repeat; background-size: auto; }
	
	#toppage .secHero { padding-top: calc(20/1400*100%); padding-bottom: calc(30/1400*100%); position: relative; }
	#toppage .secHero::before { padding-top: calc(4/1400*100%); }

	#toppage .secHero .sHer__catchcopy { background-size: calc(401/1400*100%); margin-bottom: calc(40/1400*100%); }
	#toppage .secHero .sHer__catchcopy img { width: calc(1046/1300*100%); margin: 0 auto; display: block; }

	#toppage .secHero .sHer__logo { width: calc(623/1300*100%); margin: 0 auto calc(67/1300*100%); }
	#toppage .secHero .sHer__release { width: calc(383/1300*100%); margin: 0 auto calc(0/1300*100%); }

	#toppage .secHero .sHer__link { position: absolute; top: 0; right: calc(-15/1300*100%); margin: calc(-130/1300*100%) 0 0; width: calc(110/1300*100%); -webkit-justify-content: flex-end; justify-content: flex-end; }
	#toppage .secHero .sHer__link .sHer__link__btn { width: calc(38/110*100%); margin: 0 0 0 calc(15/110*100%); opacity: 1; }
	#toppage .secHero .sHer__link .sHer__link__btn a { -webkit-transform: scale(1.0); transform: scale(1.0); -webkit-transition: .1s ease-in-out; transition: .1s ease-in-out; -webkit-backface-visibility: hidden; display: block;}
	#toppage .secHero .sHer__link .sHer__link__btn a:hover { -webkit-transform: scale(1.2); transform: scale(1.2); }

	#toppage .secHero .sHer__video { width: calc(360/1300*100%); position: absolute; bottom: 0; left: 0; margin: 0 0 calc(-0/1300*100%); }
	#toppage .secHero .sHer__video a { transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s;}
	#toppage .secHero .sHer__video a:hover{ -webkit-transform: scale(1.07); transform: scale(1.07);}
	
	#toppage .secHero .sHer__point { width: calc(294/1300*100%); right: calc(18/1300*100%); margin-bottom: calc(-29/1300*100%);}

}
@media screen and (min-width: 1401px) {
	#toppage .secHero { padding-top: 20px; padding-bottom: 30px; }
	#toppage .secHero::before { 4px; }

	#toppage .secHero .sHer__catchcopy { background-size: 401px; margin-bottom: 40px; }
}



/* --------------------------------------------------------
.secBlockA
-------------------------------------------------------- */
#toppage .secBlockA { background: url(../../_img/t/bg_w_sp.jpg) top center no-repeat; background-size: 100%; padding: calc(245/750*100%) 0 calc(260/750*100%);}

#toppage .sBlcA__desc { width: 100%; margin: 0 auto; }
#toppage .sBlcA__desc dt { margin: 0 auto calc(45/750*100%); }

#toppage .sBlcA__piclist { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#toppage .sBlcA__piclist .sBlcA__piclist__item { width: calc(270/750*100%); position: absolute; }
#toppage .sBlcA__piclist .sBlcA__piclist__item a { display: block; }
@media screen and (max-width: 640px) {
#toppage .sBlcA__piclist .sBlcA__piclist__item.item1 { margin-top: calc(-215/750*100%); top: 0; left: 0; }
#toppage .sBlcA__piclist .sBlcA__piclist__item.item2 { margin-top: calc(-185/750*100%); top: 0; right: calc(240/750*100%); }
#toppage .sBlcA__piclist .sBlcA__piclist__item.item3 { margin-top: calc(-215/750*100%); top: 0; right: 0; }
#toppage .sBlcA__piclist .sBlcA__piclist__item.item4 { margin-bottom: calc(-230/750*100%); bottom: 0; left: 0; }
#toppage .sBlcA__piclist .sBlcA__piclist__item.item5 { margin-bottom: calc(-200/750*100%); bottom: 0; left: calc(240/750*100%); }
#toppage .sBlcA__piclist .sBlcA__piclist__item.item6 { margin-bottom: calc(-230/750*100%); bottom: 0; right: 0; }
}
@media screen and (min-width: 641px) {
	#toppage .secBlockA { background: url(../../_img/t/bg_w_pc.jpg) top center repeat-x; background-size: auto; padding: calc(52/1400*100%) 0 calc(64/1400*100%);}

	#toppage .sBlcA__desc { width: calc(600/1300*100%); }
	#toppage .sBlcA__desc dt { width: 100%; margin: 0 auto calc(34/600*100%); }
	#toppage .sBlcA__desc dd { width: calc(524/600*100%); margin: 0 auto; }

	#toppage .sBlcA__piclist { }
	#toppage .sBlcA__piclist .sBlcA__piclist__item { width: calc(270/1300*100%); }
	#toppage .sBlcA__piclist .sBlcA__piclist__item.item1 { margin-top: calc(-30/1300*100%); top: 0; left: calc(20/1300*100%); }
	#toppage .sBlcA__piclist .sBlcA__piclist__item.item2 { margin-top: calc(-30/1300*100%); top: 0; right: calc(20/1300*100%); }
	
	#toppage .sBlcA__piclist .sBlcA__piclist__item.item3 { margin-top: calc(133/1300*100%); top: 0; left: calc(70/1300*100%); }
	#toppage .sBlcA__piclist .sBlcA__piclist__item.item4 { margin-top: calc(133/1300*100%); top: 0; right: calc(70/1300*100%); }
	#toppage .sBlcA__piclist .sBlcA__piclist__item.item5 { margin-top: calc(295/1300*100%); top: 0; left: calc(20/1300*100%); }
	#toppage .sBlcA__piclist .sBlcA__piclist__item.item6 { margin-top: calc(295/1300*100%); top: 0; right: calc(20/1300*100%); }
	
	
	#toppage .sBlcA__piclist .sBlcA__piclist__item a { transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s;}
	#toppage .sBlcA__piclist .sBlcA__piclist__item a:hover{ -webkit-transform: scale(1.07); transform: scale(1.07);}
	
}
@media screen and (min-width: 1401px) {
	#toppage .secBlockA { padding: 52px 0 64px; }
}




/* --------------------------------------------------------
.secSpec
-------------------------------------------------------- */
#toppage .secSpec { background: #0a0906; padding: calc(30/750*100%) 0;}
#toppage .secSpec .sSpc__text { width: calc(650/750*100%); margin: auto; }

@media screen and (min-width: 641px) {
	#toppage .secSpec { padding: calc(20/1400*100%) 0 calc(30/1400*100%); }
	#toppage .secSpec .sSpc__text { width: calc(1300/1300*100%); margin: 0; }
}
@media screen and (min-width: 1401px) {
	#toppage .secSpec { padding: 20px 0 30px; }
}