@charset "utf-8";
/* CSS Document */

/* base
-----------------------------------------------*/
picture {
display: block;
}
.allwrapper ul,.allwrapper li {
	margin: 0;
	padding: 0;
	display: inline-block;
}
.allwrapper .sp {
	display: block;
}
.allwrapper .pc {
	display: none;
}
@media (min-width:1340px){
	.allwrapper .sp {
		display: none;
	}
	.allwrapper .pc {
		display: block;
	}
}

/* ========== base style ========== */
.allwrapper {
width: 100%;
min-height: 100vh;
letter-spacing: 0.02em;
animation-delay: 0.75s;
font-family: YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
}
.allwrapper * {
box-sizing: border-box;
}
.allwrapper a:link,
.allwrapper a:visited,
.allwrapper .acordion_btn {
text-decoration: none;
}
.allwrapper a {
	transition: all  0.7s ease;
}
.allwrapper ol,
.allwrapper ul {
list-style:none;
}
.allwrapper img, 
.allwrapper video,
.allwrapper button {
width: 100%;
height: auto;
display: block;
margin-left: auto;
margin-right: auto;
}
.allwrapper img,
.allwrapper picture {
	vertical-align: bottom;
}
@media (min-width:768px){
	.allwrapper {
		padding-bottom: 0;
		width: 100vw;
	}
}
.allwrapper ::selection {
	color: #fff;
	background-color: #5e3f30;
}
footer {
	background-color: #fff !important;
	z-index: 5;
    position: relative;
}

/* page style
-----------------------------------------------*/
body{
	margin: 0;
}
@media (max-width:768px) {
	body {
		padding-bottom: 60px;
	}
}
.allwrapper {
	text-align: center;
	font-family: dnp-shuei-gothic-gin-std, sans-serif;
}
.mvCol {
	width: 100%;
	height: calc(1160/750*100vw);
	background-image: url('../images/mv/bg.jpg?v2');
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: top left;
	position: fixed;
    top: 0;
	left: 0;
    z-index: -1;
	overflow: hidden;
}
.mvTit {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: calc(157/750*100vw);
	width: calc(582/750*100vw);
}
.mvImg,.mvTxt {
	position: absolute;
	left: 0;
}
.mvImg01 {
	width: calc(317/750*100vw);
	top: calc(411/750*100vw);
	left: 0;
}
.mvImg02 {
	width: calc(310/750*100vw);
	top: calc(427/750*100vw);
	left: calc(361/750*100vw);
	z-index: 2;
}
.mvImg03 {
	width: calc(310/750*100vw);
	top: calc(675/750*100vw);
	left: calc(48/750*100vw);
	z-index: 2;
}
.mvImg04 {
	width: calc(316/750*100vw);
	top: calc(645/750*100vw);
	left: calc(436/750*100vw);
}
.mvImg05 {
	width: calc(308/750*100vw);
	top: calc(887/750*100vw);
	left: calc(109/750*100vw);
}
.mvDc01 {
	width: calc(254/750*100vw);
	top: calc(907/750*100vw);
	left: calc(498/750*100vw);
}
@media (min-width:768px) {
	body {
		background-color: #fff8c9;
	}
	.lpCol {
		background-color: #fff;
		width: 530px;
		margin: 0 auto;
	}
	.mvWrap {
		width: 100vw;
		height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        margin: auto;
		z-index: -1;
	}
	.mvCol {
		position: relative;
		background-image: url('../images/mv/bg_pc.jpg?v2');
		width: 530px;
		height: 829px;
		left: 0;
		right: 0;
		margin: auto;
	}
	.mvTit {
		top: calc(157/750*530px);
		width: calc(582/750*530px);
	}
	.mvImg01 {
		width: calc(317/750*530px);
		top: calc(411/750*530px);
	}
	.mvImg02 {
		width: calc(310/750*530px);
		top: calc(427/750*530px);
		left: calc(361/750*530px);
	}
	.mvImg03 {
		width: calc(310/750*530px);
		top: calc(675/750*530px);
		left: calc(48/750*530px);
	}
	.mvImg04 {
		width: calc(316/750*530px);
		top: calc(645/750*530px);
		left: calc(436/750*530px);
	}
	.mvImg05 {
		width: calc(308/750*530px);
		top: calc(887/750*530px);
		left: calc(109/750*530px);
	}
	.mvDc01 {
		width: calc(254/750*530px);
		top: calc(907/750*530px);
		left: calc(498/750*530px);
	}
}
@media (min-width:1340px) {
	.lpCol {
		margin-left: calc(50% + 112px);
	}
	.mvCol {
		margin: 0;
		left: calc(50% + 112px);
		right: inherit;
	}
}


.bgCol {
	position: relative;
}
.bgCol.bgFix::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-image: url('../images/intro/bg.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top left;
}
@media (min-width:768px) {
	.bgCol.bgFix::before {
		width: 530px;
		right: 0;
		margin-left: calc(50vw - 265px);
	}
}
@media (min-width:1340px) {
	.bgCol.bgFix::before {
		margin-left: calc(50vw + 112px);
	}
}
.contCol {
	margin-top: calc(1160/750*100vw - 55px);
	position: relative;
	z-index: 50;
}
.introCol {
	background-position: top left;
	padding: calc(75/750*100vw) 0 0;
	height: calc(1443/750*100vw);
	background-image: url('../images/intro/bg.jpg');
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: top left;
}
.bgCol.bgFix .introCol {
	background: none;
}
.introTxt {
	font-size: calc(23/750*100vw);
	line-height: calc(47/750*100vw);
	font-weight: 500;
	letter-spacing: 0.05rem;
	color: #000;
}
.btn-list {
	width: calc(563/750*100vw);
	padding: calc(66/750*100vw) 0 0;
	margin: 0 auto;
}
.btn-list a {
	display: block;
	background-color: #5e3f30;
	padding: calc(30/750*100vw) 0;
}
.btn-list a img {
	width: calc(476/750*100vw);
}
.introWhats {
	width: calc(711/750*100vw);
	margin: calc(90/750*100vw) 0 0 calc(25/750*100vw);
	position: relative;
}
.introImg02 {
	width: calc(72/750*100vw);
	position: absolute;
	top: calc(98/750*100vw);
	left: calc(96/750*100vw);
}
.introImg03 {
	width: calc(72/750*100vw);
	position: absolute;
	top: calc(132/750*100vw);
	left: calc(572/750*100vw);
}


@media (min-width:768px){
	.contCol {
		margin-top: 749px;
	}
	.introCol {
		padding: calc(75/750*530px) 0 0;
		height: calc(1443/750*530px);
	}
	.introTxt {
		font-size: calc(23/750*530px);
		line-height: calc(47/750*530px);
	}
	.btn-list {
		width: calc(563/750*530px);
		padding: calc(66/750*530px) 0 0;
	}
	.btn-list a {
		padding: calc(30/750*530px) 0;
	}
	.btn-list a img {
		width: calc(476/750*530px);
	}
	.introWhats {
		width: calc(711/750*530px);
		margin: calc(90/750*530px) 0 0 calc(25/750*530px);
	}
	.introImg02 {
		width: calc(72/750*530px);
		top: calc(98/750*530px);
		left: calc(96/750*530px);
	}
	.introImg03 {
		width: calc(72/750*530px);
		top: calc(132/750*530px);
		left: calc(572/750*530px);
	}
}

/* LINE UP
-----------------------------------------------*/
.lineupCol {
	padding: calc(20/750*100vw) 0 0;
	height: calc(1949/750*100vw);
}
.lineupTit {
	width: calc(177/750*100vw);
	margin: 0 auto;
}
.lineupCol ul {
	display: grid;
	gap: calc(50/750*100vw) 0;
	width: calc(690/750*100vw);
	margin: calc(44/750*100vw) auto 0;
}
.lineupCol ul li a {
	display: block;
}
.lineupListCol {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.lineupImg {
	width: calc(302/750*100vw);
	height: calc(302/750*100vw);
	overflow: hidden;
}
.lineupTxtCol {
	width: calc(344/750*100vw);
}
.lineupFuk {
	width: calc(156/750*100vw);
}
.btn-readmore {
	width: 100%;
	background-color: #5e3f30;
	padding: calc(20/750*100vw) 0;
}
.btn-readmore img {
	width: calc(125/750*100vw);
	margin: auto;
}
.lineupList01 .lineupFuk,
.lineupList03 .lineupFuk,
.lineupList05 .lineupFuk {
	margin-left: calc(172/750*100vw);
}
@media (min-width:768px){
	.lineupCol {
		padding: calc(20/750*530px) 0 0;
		height: calc(1949/750*530px);
	}
	.lineupTit {
		width: calc(177/750*530px);
	}
	.lineupCol ul {
		display: grid;
		gap: calc(50/750*530px) 0;
		width: calc(690/750*530px);
		margin: calc(44/750*530px) auto 0;
	}
	.lineupImg {
		width: calc(302/750*530px);
		height: calc(302/750*530px);
	}
	.lineupTxtCol {
		width: calc(344/750*530px);
	}
	.lineupFuk {
		width: calc(156/750*530px);
	}
	.btn-readmore {
		padding: calc(20/750*530px) 0;
	}
	.btn-readmore img {
		width: calc(125/750*530px);
	}
	.lineupList01 .lineupFuk,
	.lineupList03 .lineupFuk,
	.lineupList05 .lineupFuk {
		margin-left: calc(172/750*530px);
	}
}
@media (min-width:1340px) {
	.lineupCol {
		width: 674px;
		position: fixed;
		top: 80px;
		left: calc(50% - 642px);
		margin: 0;
		transition: all 0.5s ease;
		opacity: 1;
		z-index: 1;
		background: none;
	}
	.lineupTit {
		width: 76px;
	}
	.lineupCol ul {
		grid-template-columns: 1fr 1fr;
		gap: 35px 46px;
		width: 100%;
		margin: 15px auto 0;
	}
	.lineupCol ul li {
		width: 316px;
	}
	.lineupImg {
		width: 140px;
		height: 140px;
	}
	.lineupTxtCol {
		width: 157px;
	}
	.lineupFuk {
		width: 76px;
	}
	.btn-readmore {
		padding: 12px 0;
	}
	.btn-readmore img {
		width: 70px;
	}
	.lineupList01 .lineupFuk,
	.lineupList03 .lineupFuk,
	.lineupList05 .lineupFuk {
		margin-left: 79px;
	}
}

.letsgoCol {
	position: relative;
	padding: calc(43/750*100vw) 0 0;
	height: calc(538/750*100vw);
}
.letsgoDc02 {
	width: calc(125/750*100vw);
	position: absolute;
	top: calc(113/750*100vw);
	left: calc(60/750*100vw);
}
@media (min-width:768px){
	.letsgoCol {
		padding: calc(43/750*530px) 0 0;
		height: calc(538/750*530px);
	}
	.letsgoDc02 {
		width: calc(125/750*530px);
		top: calc(113/750*530px);
		left: calc(60/750*530px);
	}
}

/* Section COMMON
-----------------------------------------------*/
.secWrap {
	position: relative;
	margin: -1px auto;
	padding-top: calc(130/750*100vw);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: top left;
}
.secPa  {
	position: absolute;
}
.secTxt {
	font-size: calc(23/750*100vw);
	line-height: calc(47/750*100vw);
	font-weight: 500;
	color: #000;
}
.secBtn {
	width: calc(198/750*100vw);
	display: block;
	cursor: pointer;
	z-index: 2;
}
.btn-buy {
	margin-top: calc(12/750*100vw);
	background-color: #000;
	width: calc(60/750*100vw);
	padding: calc(9/750*100vw) 0;
}
.btn-buy img {
	width: calc(45/750*100vw);
}
.dcLimited {
	width: calc(157/750*100vw);
}
.phInner {
	position: relative;
	width: 100%;
	height: 100%;
}
.phInner div {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	background-size: cover;
	background-position: center center;
	width: 100%;
	height: 100%;
}
.secMovCol {
	position: relative;
	margin: calc(50/750*100vw) auto 0;
}
.allwrapper video.secMovCol {
	width: calc(500/750*100vw);
}

@media (min-width:768px){
	.secWrap {
		margin: 0 auto;
		padding-top: calc(130/750*530px);
	}
	.secTxt {
		font-size: calc(23/750*530px);
		line-height: calc(47/750*530px);
	}
	.secBtn {
		width: calc(198/750*530px);
	}
	.btn-buy {
		margin-top: calc(12/750*530px);
		width: calc(60/750*530px);
		padding: calc(9/750*530px) 0;
	}
	.btn-buy img {
		width: calc(45/750*530px);
	}
	.dcLimited {
		width: calc(157/750*530px);
	}
	.secMovCol {
		margin: calc(50/750*530px) auto 0;
	}
	.allwrapper video.secMovCol {
		width: calc(500/750*530px);
	}
}


/* section 01
-----------------------------------------------*/
.sec01 {
	padding-top: calc(70/750*100vw);
}
.sec01 .secItem01 {
	position: relative;
	height: calc(575/750*100vw);
}
.sec01 .secImg01-1 {
	width: calc(297/750*100vw);
	top: calc(60/750*100vw);
	left: calc(404/750*100vw);
}
.sec01 .secImg01-2 {
	width: calc(218/750*100vw);
	top: calc(103/750*100vw);
	left: calc(131/750*100vw);
}
.sec01 .secDc01 {
	width: calc(100/750*100vw);
	top: calc(141/750*100vw);
	left: calc(339/750*100vw);
}
.sec01 .secDc02 {
	width: calc(89/750*100vw);
	top: calc(178/750*100vw);
	left: calc(30/750*100vw);
}
.sec01 .secBtn01 {
	top: calc(440/750*100vw);
	left: calc(152/750*100vw);
}
.sec01 .secItem02 {
	position: relative;
	height: calc(710/750*100vw);
	background-image: url('../images/sec01/bg.png');
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: top left;
	margin-top: calc(-30/750*100vw);
}
.sec01 .secImg02 {
	width: calc(297/750*100vw);
	top: calc(230/750*100vw);
	left: calc(24/750*100vw);
	transform-origin: 30% 50%;
}
.sec01 .dcLimited {
	top: calc(80/750* 100vw);
    left: calc(207/750* 100vw);
}
.sec01 .secBtn02 {
	top: calc(396/750*100vw);
	left: calc(362/750*100vw);
}
@media (min-width:768px){
	.sec01 {
		padding-top: calc(70/750*530px);
	}
	.sec01 .secItem01 {
		height: calc(575/750*530px);
	}
	.sec01 .secImg01-1 {
		width: calc(297/750*530px);
		top: calc(60/750*530px);
		left: calc(404/750*530px);
	}
	.sec01 .secImg01-2 {
		width: calc(218/750*530px);
		top: calc(103/750*530px);
		left: calc(131/750*530px);
	}
	.sec01 .secDc01 {
		width: calc(100/750*530px);
		top: calc(141/750*530px);
		left: calc(339/750*530px);
	}
	.sec01 .secDc02 {
		width: calc(89/750*530px);
		top: calc(178/750*530px);
		left: calc(30/750*530px);
	}
	.sec01 .secBtn01 {
		top: calc(440/750*530px);
		left: calc(152/750*530px);
	}
	.sec01 .secItem02 {
		height: calc(710/750*530px);
		margin-top: calc(-30/750*530px);
	}
	.sec01 .secImg02 {
		width: calc(297/750*530px);
		top: calc(230/750*530px);
		left: calc(24/750*530px);
	}
	.sec01 .dcLimited {
		top: calc(80/750* 530px);
		left: calc(207/750* 530px);
	}
	.sec01 .secBtn02 {
		top: calc(396/750*530px);
		left: calc(362/750*530px);
	}
}
/* section 02
-----------------------------------------------*/
.sec02 .secItem01 {
	position: relative;
	height: calc(666/750*100vw);
	background-image: url('../images/sec02/bg01.png');
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: top calc(128/750*100vw) left;
}
.sec02 .secImg01 {
	width: calc(245/750*100vw);
	height: calc(477/750*100vw);
	top: calc(144/750*100vw);
	left: calc(25/750*100vw);
}
.sec02 .secImg_1 {
	background-image: url("../images/sec02/img01-1.png");
}
.sec02 .secImg_2 {
	background-image: url("../images/sec02/img01-2.png");
}

.sec02 .secImg02 {
	width: calc(237/750*100vw);
	top: calc(63/750*100vw);
	left: calc(256/750*100vw);
}
.sec02 .secBtn01 {
	top: calc(435/750*100vw);
	left: calc(504/750*100vw);
}
.sec02 .secItem02 {
	position: relative;
	height: calc(567/750*100vw);
	background-image: url('../images/sec02/bg02.png');
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: top left;
}
.sec02 .secImg03 {
	width: calc(253/750*100vw);
	top: calc(54/750*100vw);
	left: calc(443/750*100vw);
}
.sec02 .secBtn02 {
	width: calc(269/750*100vw);
	top: calc(384/750*100vw);
	left: calc(165/750*100vw);
}
.sec02 .dcLimited {
	top: calc(20/750* 100vw);
    left: calc(400/750* 100vw);
}
@media (min-width:768px){
	.sec02 .secItem01 {
		height: calc(666/750*530px);
		background-position: top calc(128/750*530px) left;
	}
	.sec02 .secImg01 {
		width: calc(245/750*530px);
		height: calc(477/750*530px);
		top: calc(144/750*530px);
		left: calc(25/750*530px);
	}
	.sec02 .secImg02 {
		width: calc(237/750*530px);
		top: calc(63/750*530px);
		left: calc(256/750*530px);
	}
	.sec02 .secBtn01 {
		top: calc(435/750*530px);
		left: calc(504/750*530px);
	}
	.sec02 .secItem02 {
		height: calc(567/750*530px);
	}
	.sec02 .secImg03 {
		width: calc(253/750*530px);
		top: calc(54/750*530px);
		left: calc(443/750*530px);
	}
	.sec02 .secBtn02 {
		width: calc(269/750*530px);
		top: calc(384/750*530px);
		left: calc(165/750*530px);
	}
	.sec02 .dcLimited {
		top: calc(20/750* 530px);
		left: calc(400/750* 530px);
	}
}

/* section 03
-----------------------------------------------*/
.sec03 .secItem01 {
	position: relative;
	height: calc(788/750*100vw);
}
.sec03 .secPhCol {
	width: 100%;
	height: calc(327/750*100vw);
	margin-top: calc(84/750*100vw);
	left: 0;
}
.sec03 .secPhCol .secImg_1 {
	opacity: 1;
	background-image: url("../images/sec03/ph01.png");
}
.sec03 .secPhCol .secImg_2 {
	background-image: url("../images/sec03/ph02.png");
}

.sec03 .secImg01 {
	width: calc(474/750*100vw);
	height: calc(472/750*100vw);
	top: calc(272/750*100vw);
	left: 0;
}
.sec03 .secImg01 .secImg_1 {
	background-image: url("../images/sec03/img01-1.png");
}
.sec03 .secImg01 .secImg_2 {
	background-image: url("../images/sec03/img01-2.png");
}
.sec03 .secDc01 {
	width: calc(229/750*100vw);
	top: calc(62/750*100vw);
	left: calc(49/750*100vw);
}
.sec03 .secBtn01 {
	top: calc(542/750*100vw);
	left: calc(414/750*100vw);
}
@media (min-width:768px){
	.sec03 .secItem01 {
		height: calc(788/750*530px);
	}
	.sec03 .secPhCol {
		height: calc(327/750*530px);
		margin-top: calc(84/750*530px);
	}
	.sec03 .secImg01 {
		width: calc(474/750*530px);
		height: calc(472/750*530px);
		top: calc(272/750*530px);
	}
	.sec03 .secDc01 {
		width: calc(229/750*530px);
		top: calc(62/750*530px);
		left: calc(49/750*530px);
	}
	.sec03 .secBtn01 {
		top: calc(542/750*530px);
		left: calc(414/750*530px);
	}
}

/* section 04
-----------------------------------------------*/
.sec04 .secItem01 {
	position: relative;
	height: calc(962/750*100vw);
	background-image: url('../images/sec04/bg.png');
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: top calc(56/750*100vw) left;
}
.sec04 .secImg01 {
	width: calc(405/750*100vw);
	top: calc(355/750*100vw);
	left: calc(313/750*100vw);
}
.sec04 .secImg02 {
	width: calc(163/750*100vw);
	top: calc(528/750*100vw);
	left: calc(113/750*100vw);
}
.sec04 .secDc01 {
	width: calc(128/750*100vw);
	top: calc(725/750*100vw);
	left: calc(300/750*100vw);
}
.sec04 .secDc02 {
	width: calc(204/750*100vw);
	top: calc(448/750*100vw);
	left: calc(32/750*100vw);
}
.sec04 .secBtn01 {
	top: calc(776/750*100vw);
	left: calc(485/750*100vw);
}
@media (min-width:768px){
	.sec04 .secItem01 {
		height: calc(962/750*530px);
		background-position: top calc(56/750*530px) left;
	}
	.sec04 .secImg01 {
		width: calc(405/750*530px);
		top: calc(355/750*530px);
		left: calc(313/750*530px);
	}
	.sec04 .secImg02 {
		width: calc(163/750*530px);
		top: calc(528/750*530px);
		left: calc(113/750*530px);
	}
	.sec04 .secDc01 {
		width: calc(128/750*530px);
		top: calc(725/750*530px);
		left: calc(300/750*530px);
	}
	.sec04 .secDc02 {
		width: calc(204/750*530px);
		top: calc(448/750*530px);
		left: calc(32/750*530px);
	}
	.sec04 .secBtn01 {
		top: calc(776/750*530px);
		left: calc(485/750*530px);
	}	
}

/* section 05
-----------------------------------------------*/
.sec05 .secItem01 {
	position: relative;
	height: calc(766/750*100vw);
	background-image: url('../images/sec05/bg.png');
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: top calc(106/750*100vw) left;
}
.sec05 .secImg01 {
	width: calc(358/750*100vw);
	top: calc(70/750*100vw);
	left: calc(23/750*100vw);
}
.sec05 .secDc01 {
	width: calc(206/750*100vw);
	top: calc(474/750*100vw);
	left: calc(474/750*100vw);
}
.sec05 .secBtn01 {
	top: calc(585/750*100vw);
	left: calc(75/750*100vw);
}
@media (min-width:768px){
	.sec05 .secItem01 {
		height: calc(766/750*530px);
		background-position: top calc(106/750*530px) left;
	}
	.sec05 .secImg01 {
		width: calc(358/750*530px);
		top: calc(70/750*530px);
		left: calc(23/750*530px);
	}
	.sec05 .secDc01 {
		width: calc(206/750*530px);
		top: calc(474/750*530px);
		left: calc(474/750*530px);
	}
	.sec05 .secBtn01 {
		top: calc(585/750*530px);
		left: calc(75/750*530px);
	}
}

/* footer
-----------------------------------------------*/
.lastCol {
	padding-bottom: 12vw;
	z-index: 2;
    position: relative;
}
.lastCol .btn-list {
	padding: calc(130/750*100vw) 0 0;
}
.allwrapper ul.staffCredit {
	margin: calc(170/750*100vw) auto;
	font-family: "Roboto", sans-serif;
  	font-weight: 500;
	font-size: calc(22/750*100vw);
	line-height: calc(41/750*100vw);
	display: block;
	letter-spacing: 0.1rem;
	color: #000;
}
.allwrapper ul.staffCredit li {
	display: block;
}
.footer {
	padding-bottom: 8.6vw;
}
.footerlogo {
	display: block;
	margin: 0 auto;
	width: 17.88vw;
}
.copyright {
	text-align: center;
	letter-spacing: 0.05em;
	margin-top: 3.73vw;
	font-size: 2.4vw;
}
.mtS {
	padding-top: calc(30/750*100vw) !important;
	font-family: dnp-shuei-gothic-gin-std, sans-serif;
	font-size: calc(20/750*100vw);
}
@media (min-width:768px){
	.lastCol {
		padding-bottom: 115px;
	}
	.lastCol .btn-list {
		padding: calc(130/750*530px) 0 0;
	}
	.allwrapper ul.staffCredit {
		margin: calc(170/750*530px) auto;
		font-size: calc(22/750*530px);
		line-height: calc(41/750*530px);
	}
	.footer {
		padding-bottom: 0;
		z-index: 5;
		position: relative;
	}
	.footerlogo {
		width: 65px;
	}
	.copyright {
		margin-top: 20px;
		font-size: 10px;
	}
	.mtS {
		padding-top: calc(30/750*530px) !important;
		font-size: calc(20/750*530px);
	}
}

/* ---------------------------------------------------------------
	Hover
--------------------------------------------------------------- */
@media (hover: hover) {
	.lineupImg img,
	.btn-readmore,
	.btn-readmore img,
	.btn-buy {
		transition: all 0.3s ease-out;
	}
	.btn-list a,
	a.secBtn {
		transition: all 0.2s ease-out;
	}
	.lineupCol ul li a:hover .lineupImg img {
		transform: scale(1.1);
	}
	.lineupCol ul li a:hover .btn-readmore {
		background-color: #000;
	}
	.btn-list a:hover {
		background-color: #000;
		transform: scale(1.05);
	}
	.secBtn:hover {
		transform: scale(1.05);
	}
	.secBtn:hover .btn-buy {
		background-color: #5e3f30;
	}
}

/* ---------------------------------------------------------------
	Animation
--------------------------------------------------------------- */
.fadein-top{
	opacity: 0;
	transition: all 0.8s;
}
.fadein,.order{
	opacity: 0;
	transition: all 0.8s;
}
.anim-up {
	transform: translate(0, 40px);
}
.anim-up.mvImg01 {
	transform: rotate(-6deg)  translate(0, 40px);
}
.anim-up.mvImg02 {
	transform: rotate(6deg)  translate(0, 40px);
}
.anim-up.mvImg03 {
	transform: rotate(6deg)  translate(0, 40px);
}
.anim-up.mvImg04 {
	transform: rotate(-6deg)  translate(0, 40px);
}
.anim-up.mvImg05 {
	transform: rotate(-6deg)  translate(0, 40px);
}
.anim-zoom {
	transform: scale(0.8);
	transition: all .5s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.fadein.scrollin,
.order.scrollin{
	opacity: 1;
	transform: translate(0, 0) scale(1);
}
.fadein-top.scrollin-top{
	opacity: 1;
	transform: translate(0, 0);
}
.anim-yura {
	transform-origin: center bottom;
    animation-name: yura;
	animation-duration: 1.5s;
	animation-timing-function: steps(2, end);
	animation-iteration-count: infinite;
}
@keyframes yura {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(20deg);}
}
.anim-yura02 {
	transform-origin: center bottom;
    animation-name: yura02;
	animation-duration: 1.5s;
	animation-timing-function: steps(2, end);
	animation-iteration-count: infinite;
}
@keyframes yura02 {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(-13deg);}
}
.anim-yura03 {
	transform-origin: center bottom;
    animation-name: yura02;
	animation-duration: 1.5s;
	animation-timing-function: steps(2, end);
	animation-iteration-count: infinite;
}
@keyframes yura02 {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(-5deg);}
}

.anim-ph,.anim-ph02,.anim-ph03 {
	opacity: 1;
}
.anim-ph .phInner div {
	animation: anim-ph 1.5s infinite;
}
.anim-ph .phInner div:nth-of-type(2) {
	animation-delay: 0.75s;
}
@keyframes anim-ph {
	0%,50%{ opacity: 1;}
	51%,100%{ opacity: 0;}
}
.anim-ph02 .phInner div {
	animation: anim-ph 2s infinite;
}
.anim-ph02 .phInner div:nth-of-type(2) {
	animation-delay: 1s;
}
.delay01s { transition-delay: 0.1s; }
.delay02s { transition-delay: 0.2s; }
.delay03s { transition-delay: 0.3s; }
.delay04s { transition-delay: 0.4s; }
.delay05s { transition-delay: 0.5s; }
.delay06s { transition-delay: 0.6s; }
.delay07s { transition-delay: 0.7s; }
.delay08s { transition-delay: 0.8s; }
.delay09s { transition-delay: 0.9s; }
.delay10s { transition-delay: 1.0s; }
.delay11s { transition-delay: 1.1s; }
.delay12s { transition-delay: 1.2s; }
.delay13s { transition-delay: 1.3s; }
.delay14s { transition-delay: 1.4s; }
.delay15s { transition-delay: 1.5s; }
.delay16s { transition-delay: 1.6s; }
.delay17s { transition-delay: 1.7s; }
.delay18s { transition-delay: 1.8s; }
.delay19s { transition-delay: 1.9s; }
.delay20s { transition-delay: 2.0s; }
.delay25s { transition-delay: 2.5s; }
.delay30s { transition-delay: 3.0s; }