@charset "utf-8";

.loading_wrap{position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 1!important;}
.loading{width: 3vw;height: 3vw;margin: auto;position: absolute;left: 0;right: 0;top: 0;bottom: 0; border: 0.4vw rgba(0,0,0,0.25) solid;border-top: 0.4vw rgba(0,0,0,1) solid;border-radius: 50%;animation: spCircRot .6s infinite linear;}
/* ローディング */
@keyframes spCircRot {
  from { transform: rotate(0deg); }
  to { transform: rotate(359deg); }
}
header{
	transition: 0.5s;
}
header.sc {
  background: #000;
}
/* movie */
.mvvideo{
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
}
.mvvideo video{
	width: 100%;
}

.pvBox{
	margin:4em auto 0;
}
.pvBox p{
    font-family: YakuHanMP, "EB Garamond", "Noto Serif JP", "游明朝", YuMincho, "Hiragino Mincho ProN", "小塚明朝 Pro", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", 'Helvetica Neue', Helvetica, Arial, Roboto, 'Droid Sans', 'メイリオ', Meiryo, serif;
    font-weight: 400;
    font-style: normal;
    font-size:4em;
    text-align:center;
}
.pvBox p.note{
	font-size:0.8em;
	margin-top:1em;
}
.pvBox p.note .speaker{
    height: 1.2em;
    margin-bottom: 0.05em;
    margin-right: 0.5em;
}
.pvvideo{
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	margin-top:2em;
    position: relative;
}	
.pvvideo video{
	width: 100%;
}

.pvvideo video::after{content: "";display: flex;align-items: center; width: 30%;height: 100%;position: absolute;top: 0;left: 0;right: 0; margin: 0 auto;z-index: 2;background: url("../img/play_btn.svg")  no-repeat center center/contain;}


/* spec */
#spec{
	background-image: linear-gradient(90deg, #ffffff, #e9e5eb);
	padding: 60px 0px 90px;
}
#spec .inner{
	width: 94%;
	max-width: 1480px;
	margin: 0 auto;
}
.spec_moyori{
	text-align: center;
}
.spec_moyori p{
	font-size: 24px;
	letter-spacing: 0.075em;
	text-align: left;
}
.moyori_info{
    display: flex;
    align-items: center;
    justify-content: center;
}
.moyori_text{
	font-size: 31px;
	letter-spacing: 0.145em;
}
.moyori_text *{
	display: inline-block;
}
.moyori_note{
	background: url("../common/img/dc_arw_l.svg") left center no-repeat,url("../common/img/dc_arw_r.svg") right center no-repeat;
	background-size: auto 100%;
	font-size: 18px;
	line-height: 110%;
	letter-spacing: 0.145em;
	padding: 0 25px;
	margin: 0 15px
}
.moyori_text strong{
	color: #a79030;
}
.moyori_text strong:nth-of-type(1){
	font-size: 38px;
}
.moyori_text strong:nth-of-type(2){
	font-size: 48px;
	letter-spacing: 0.2em;
}
.moyori_text strong:nth-of-type(3){
	font-size: 154px;
	margin: 0 3px;
	line-height: 0;
}
.specinfo_list{
	border-top: 1px solid #231815;
	display: flex;
	align-items: center;
	margin-top: 30px;
	padding-top: 30px;
	justify-content: center;
}
.specinfo_detail{
	border-right: 1px solid #231815;
	/* width: 25%; */
	text-align: center;
	padding: 0 1em;
	height: 4em;
	display: flex;
    align-items: center;
}
.specinfo_detail:first-child{
	/* border-left: 1px solid #231815; */
}
.specinfo_detail:last-child{
	border-right: none;
}
.specinfotext{
	line-height: 1.4;
}
.specinfotext p{
	letter-spacing: 0.1em;
}
.specinfotext .specinfo_stext{
	font-size:0.8em;
}
.specinfotext big{
	font-size:20px;
}
.specinfotext .note{
	font-size:0.5em;
	text-align:right;
	margin-bottom:-0.3em;
}
.specinfotext p strong{
	color: #a79030;
	font-size: 1.6em;
}
.specinfotext p:nth-of-type(2) strong.num{
	font-size: 50px;
}

/* debut */
#debut{
	background: url("../common/img/entry_bg.jpg") no-repeat;
	background-size: cover;
	padding: 90px 0;
	letter-spacing: 0.1em;
}
#debut .inner{
	text-align: center;
	width: 96%;
	margin: 0 auto;
}
.debuthead{
	margin-bottom: 30px;
}
.debuthead p{
	font-size: 28px;
}
.debuthead h3{
	color: #231815;
	font-size: 40px;
}
.debut_label{
	font-size: 64px;
	display: inline-block;
  background: linear-gradient(90deg, #7d6524 22%, #d8bc7b 62%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
	text-decoration: none;
	letter-spacing: 0.11em;
}
.debut_entry p{
	font-size: 50px;
	margin-bottom:40px; 
}


/* concept */
#concept{
	background: url("../img/concept_bg.webp") no-repeat top center;
	background-size: cover;
	padding: 100px 0 130px; 
}
.concept_intro .inner{
	width: 96%;
	max-width: 1300px;
	margin: 0 auto;
}
.sectionttl{
	color: #a79030;
	font-size: 55px;
	letter-spacing: 0.1em;
	text-align: center;
	margin-bottom: 60px;
}
.ttltext{
	font-size: 32px;
	text-align: center;
	letter-spacing: 0.23em;
	line-height: 180%;
}
.concept_read{
	margin-top: 100px;
	text-align: center;
}
.concept_read h3{
	font-size: 80px;
	letter-spacing: 0.05em;
	margin-bottom: 50px;
}
.concept_read h3 small{
	font-size: 48px;
	letter-spacing: 0.1em;
	line-height: 100%;
	display: block;
}
.concept_read h3 strong{
	display: inline-block;
  background: linear-gradient(90deg, #7d6524 22%, #d8bc7b 62%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
	text-decoration: none;
	margin: 0 10px;
}
.concept_read p{
	font-size: 20px;
	letter-spacing: 0.05em;
	line-height: 220%;
}
.concept_read p span{
	display: inline-block;
    background: linear-gradient(90deg, #7d6524 22%, #d8bc7b 62%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-decoration: none;
}
.threefront{
	width: 96%;
	max-width: 860px;
	margin: 160px auto 80px;
}
.threefront_container{
	display: flex;
	justify-content: space-around;
    flex-wrap: wrap;
}
.threefront_container .front_detail.fd03 img{
	width: 12em;
	height: 12em;
}
.threefront_container .front_detail.fd03 figure{
	text-align: center;
}
.front_detail{
	transform: translate(0px, 30px);
	width: 33%;
	opacity: 0;
}
.front_detail {
  transition: 0.8s ease-in-out;
  transform: translateY(30px);
  opacity: 0;
}
.front_detail.on {
  transform: translateY(0);
  opacity: 1.0;
}
.front_detail h3{
	font-size: 32px;
	text-align: center;
	letter-spacing: 0.05em;
	margin-bottom: 20px;
}
.front_detail h3 strong{
	display: inline-block;
	background: linear-gradient(90deg, #7d6524 22%, #d8bc7b 62%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-decoration: none;
	font-size: 64px;
	line-height: 100%;
}
.front_label{
	margin-bottom: 45px;
}
.front_labeltext{
	text-align: center;
}
.front_detail .front_labeltext p{
	font-size: 24px;
	letter-spacing: 0.1em;
	line-height: 140%;
}
.front_detail .front_labeltext p small{
	font-size: 16px;
}
.front_detail .front_labeltext p span{
	font-size: 16px;
}
.front_detail .front_labeltext strong{
	font-size: 28px;
	display: block;
	text-align: center;
	letter-spacing: 0.05em;
	margin-top: 5px;
}
.front_detail p{
	font-size: 18px;
	line-height: 200%;
}
.concept_image{
	text-align: center;
}
.cwimg {
  transition: 0.8s ease-in-out;
  opacity: 0;
}
.cwimg.on {
  opacity: 1.0;
  overflow: auto;
}
.cwimg01{
	width: 100%;
	overflow: hidden;
}
.concept_wideimg{
	position: relative;
}
.concept_wideimg .note{
	font-size:12px;
	text-align:right;
	margin:10px 10px 0 0;
}

.concept_wideimg picture{
	position: relative;
}
.cwimg02,.cwimg03 {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}

/* site contents */
#contents{
	padding-bottom: 130px;
}
#contents .inner{
	width: 100%;
	max-width: 1640px;
	margin: 0 auto;
}
.site_contentswap{
	overflow: hidden;
	width: 100%;
}
.site_contents{
	margin-right: 9.146341463414634%;
	position: relative;
	margin-bottom: 15px;
}
.site_contents:nth-child(odd){
	margin-left: 9.146341463414634%;
	margin-right: 0;
}
.contents_image{
}
.contents_image figure{
	position: relative;
}
.contents_image figure .sitecontents_label{
	position: absolute;
	bottom: 0;
	right: 30px;
	z-index: 2;
}
.site_contents:nth-child(even) .contents_image figure .sitecontents_label{
	left: 30px;
	right: auto;
}
.contents_image figure .sitecontents_label img{
	height: 128px;
	width: auto;
}
.assetvalue .contents_image figure .sitecontents_label img {
  height: 240px;
  width: auto;
}
.site_contents .contents_image figure figcaption{
	font-size: 12px;
	position: absolute;
	right: 10px;
	bottom: 5px;
	color: #FFF;
	z-index: 1000;
	text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.7), 0px 0px 3px rgba(0, 0, 0, 0.7), 0px 0px 2px rgba(0, 0, 0, 0.7), 0px 0px 2px rgba(0, 0, 0, 0.7), 0px 0px 2px rgba(0, 0, 0, 0.7), 0px 0px 2px rgba(0, 0, 0, 0.7), 0px 0px 2px rgba(0, 0, 0, 0.7);
}
.site_contents:nth-child(odd) .contents_image figure figcaption{
	left: 10px;
	right: auto;
}
.site_contents .contents_image figure figcaption.cap_w{
	color: #FFF;
	text-shadow: 1px 1px 7px rgba(0, 0, 0, 0.85);
}
.site_contents .contents_action{
	display: flex;
	align-items: center;
	position: absolute;
	margin: auto 0;
	top: 0;
	right: 0;
	bottom: 0;
}
.site_contents:nth-child(odd) .contents_action{
	top: 0;
	left: 0;
	right: auto;
	bottom: 0;
}
.contents_read h3{
	font-size: 30px;
	letter-spacing: 0.26em;
	margin-bottom: 15px;
}
.contents_read p{
	font-size: 18px;
	letter-spacing: 0.2em;
	line-height: 220%;
}
.readmore{
	margin-top: 30px;
}
.readmore a{
	background: url("../common/img/dc_arw_rw.svg") no-repeat;
	background-size: auto 12px;
	background-position:right 15px center ;
	border: 1px solid #FFF;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	max-width: 190px;
	height: 40px;
	text-decoration: none;
	letter-spacing: 0.2em;
}
.readmore a.comingsoon{
	pointer-events: none;
	background: unset;
}
.readmore a:hover{
	background: url("../common/img/dc_arw_rw.svg") no-repeat rgba(255,255,255,0.2);
	background-size: auto 12px;
	background-position:right 15px center ;
}
.contents_read{
	min-width: 400px;
	min-height: 340px;
	position: relative;
	padding: 60px 60px 60px 70px;
	margin-left: 40px;
}
.contents_read *{
	color: #FFF;
	z-index: 3;
	position: relative;
}
.contents_read .readbg{
	background: #122d33;
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	mix-blend-mode: multiply;
	opacity: 0.7;
}
.contents_read::before,.contents_read::after{
	background: #122d33;
	content: "";
	display: block;
	width: 16px;
	height: 100%;
	mix-blend-mode: multiply;
	position: absolute;
	top: 0;
	opacity: 0.7;
}
.contents_read::before{
	left: -20px;
}
.contents_read::after{
	left: -40px;
}
.site_contents:nth-child(even) .contents_read{
	padding: 60px 60px 60px 70px;
	margin-left: 0;
	margin-right: 40px;
}
.site_contents:nth-child(even) .contents_read::before{
	right: -20px;
	left: auto;
}
.site_contents:nth-child(even) .contents_read::after{
	right: -40px;
	left: auto;
}
.site_contents:nth-of-type(2) .contents_read .readbg{background: #0d223e;}
.site_contents:nth-of-type(2) .contents_read::before{background: #0d223e;}
.site_contents:nth-of-type(2) .contents_read::after{background: #0d223e;}
.site_contents:nth-of-type(3) .contents_read .readbg{background: #3c311a;}
.site_contents:nth-of-type(3) .contents_read::before{background: #3c311a;}
.site_contents:nth-of-type(3) .contents_read::after{background: #3c311a;}
.site_contents:nth-of-type(4) .contents_read .readbg{background: #051e0e;}
.site_contents:nth-of-type(4) .contents_read::before{background: #051e0e;}
.site_contents:nth-of-type(4) .contents_read::after{background: #051e0e;}
.site_contents:nth-of-type(5) .contents_read .readbg{background: #230b2a;}
.site_contents:nth-of-type(5) .contents_read::before{background: #230b2a;}
.site_contents:nth-of-type(5) .contents_read::after{background: #230b2a;}

@media screen and (max-width: 1460px){
	.contents_read {
		min-height: 0;
		padding: 40px 40px 40px 50px;
		height: 90%;
	}
	.site_contents:nth-child(2n) .contents_read {
		padding: 40px 40px 40px 50px;
	}
}

@media screen and (max-width: 1421px){
	/* .specinfotext p:nth-of-type(2) {
		font-size: 22px;
	}
	.specinfotext p:nth-of-type(2) strong {
		font-size: 32px;
	}
	.specinfotext p:nth-of-type(2) strong.num {
		font-size: 40px;
	} /* 
}
@media screen and (max-width: 1001px){
	.debut_entry p {
		font-size: 46px;
		margin-bottom: 30px;
	}
	.spec_moyori p {
		font-size: 20px;
	}
	.moyori_text strong:nth-of-type(1) {
		font-size: 32px;
	}
	.moyori_note {
		font-size: 15px;
	}
	.moyori_text strong:nth-of-type(2) {
		font-size: 40px;
	}
	.moyori_text strong:nth-of-type(3) {
		font-size: 120px;
	}
	/* .specinfotext p:nth-of-type(2) {
		font-size: 18px;
	}
	.specinfotext p:nth-of-type(2) strong {
		font-size: 28px;
	}
	.specinfotext p:nth-of-type(2) strong.num {
		font-size: 36px;
	} */
	.front_detail h3 {
		font-size: 30px;
		margin-bottom: 25px;
	}
	.front_detail h3 strong {
		font-size: 50px;
	}
	.front_detail .front_labeltext p {
		font-size: 20px;
	}
	.front_detail .front_labeltext strong{
		font-size: 28px;
	}
	.front_detail p {
		font-size: 16px;
		line-height: 180%;
	}
	.contents_image figure .sitecontents_label img {
		height: 70px;
		width: auto;
	}
	.assetvalue .contents_image figure .sitecontents_label img{
		height: 140px;
		width: auto;
	}
}
@media screen and (max-width: 1290px){
	.contents_read {
		min-height: 0;
	}
	.contents_read h3 {
		font-size: 24px;
		letter-spacing: 0.13em;
		margin-bottom: 10px;
	}
	.contents_read p {
		font-size: 16px;
		letter-spacing: 0.2em;
		line-height: 180%;
	}
	.readmore {
		margin-top: 20px;
	}
}
@media screen and (max-width: 1080px){
	.contents_read {
		min-height: 0;
		padding: 20px 30px 20px 30px;
		height: 100%;
	}
	.site_contents:nth-child(2n) .contents_read {
		padding: 20px 30px 20px 30px;
	}
	.contents_read h3 {
		font-size: 20px;
		line-height: 150%;
	}
	.contents_read p {
		line-height: 160%;
	}
	.readmore {
		margin-top: 15px;
	}
	.assetvalue .contents_image figure .sitecontents_label img {
    height: 100px;
  }
	 .contents_image figure .sitecontents_label img {
    height: 50px;
  }
}
@media screen and (max-width: 767px){
	.mvvideo{
		line-height: 0;
	}
	.mvvideo{
		aspect-ratio: 32 / 45;
	}
	.mvvideo video{
		width: 100%;
	}
	.pvBox p.note{
		font-size:0.6em;
	}
	.pvBox p.note .speaker{
	    height: 1em;
	    margin-bottom: 0.05em;
	    margin-right: 0.5em;
	}
	.pvBox{
		margin:2em auto 0;
	}
	.pvBox p{
	    font-size:2.2em;
	}
	/* spec */
	#spec {
		padding: 30px 0px 40px;
	}
	.spec_moyori p {
		font-size: 16px;
		text-align: center;
		margin-bottom: 20px;
	}
	.moyori_text {
		font-size: 24px;
	}
	.moyori_text strong:nth-of-type(1) {
		font-size: 24px;
	}
	.moyori_note {
		font-size: 12px;
		padding: 0 15px;
		margin: 0 10px;
	}
	.moyori_text strong:nth-of-type(2) {
		font-size: 28px;
		letter-spacing: 0.2em;
	}
	.moyori_text strong:nth-of-type(3) {
		font-size: 60px;
		line-height: 70%;
	}
	.specinfo_list{
		padding-top: 0;
	}
	.specinfo_list{
		flex-wrap: wrap;
	}
	.specinfo_detail {
		border-left: none;
		border-right: none;
		border-bottom: 1px solid #231815;
		width: 100%;
		padding: 15px 0 4em;
		display: unset;
	}
	.specinfo_detail:first-child {
		border-left: none;
	}
	.specinfotext .note{
		display:none;
	}
	.specinfotext small{
		font-size:0.6em;
	}
	/* .specinfotext p:nth-of-type(2) {
		font-size: 20px;
	}
	.specinfotext p:nth-of-type(2) strong {
		font-size: 32px;
	}
	.specinfotext p:nth-of-type(2) strong.num {
		font-size: 40px;
	} */
	.specinfotext .specinfo_stext{
		font-size:1em;
	}
	.specinfotext big{
		font-size:18px;
	}
	.specinfotext p strong{
		color: #a79030;
		font-size: 1.2em;
	}
	
	/* debut */
	#debut{
		padding: 40px 0;
	}
	.debuthead p {
		font-size: 1em;
	}
	.debuthead h3 {
		font-size: 1.3em;
	}
	.debut_label {
	  font-size: 32px;
	}
	.debut_entry p {
		font-size: 1.5em;
		margin-bottom: 20px;
	}

	/* concept */
	#concept {
		padding: 50px 0 70px;
	}
	.sectionttl {
		font-size: 40px;
		margin-bottom: 30px;
	}
	.ttltext {
		font-size: 20px;
	}
	.concept_read {
		margin-top: 50px;
	}
	.concept_read h3 {
		font-size: 46px;
		margin-bottom: 30px;
		line-height: 100%;
		letter-spacing: 0.15em;
	}
	.concept_read h3 small {
		font-size: 28px;
		margin-bottom: 15px;
	}
	.concept_read h3 div {
		line-height: 1;
	}
	.concept_read h3 .sp_small {
		font-size: 24px;
		display: block;
	}
	.concept_read p {
		font-size: 15px;
		line-height: 180%;
		width: 90%;
    margin: 0 auto;
	}
	.threefront {
		width: 96%;
		max-width: 100%;
		margin: 60px auto 20px;
	}
	.front_label {
		margin: 0 auto 25px;
	}
	.front_detail {
		width:90%;
		margin: 0 auto 0;
		font-size: 2em;
	}
	.front_detail.fd03 {
		width:120px;
	}
	.front_detail.fd03 img {
		width: unset !important;
		height: unset !important;
	}
	.front_detail h3 {
		font-size: 0.58em;
		margin-bottom: 0;
	}
	.front_detail h3 strong {
		font-size: 1.72414em;
	}
	.front_detail p {
		font-size: 16px;
		line-height: 160%;
	}
	.front_detail .front_labeltext p{
		font-size: 22px;
	}
	.front_detail .front_labeltext strong{
		font-size: 28px;
		margin-top: 0;
	}
	.concept_image{
		width: 100%;
		/* overflow: auto; */
		padding-bottom: 15px;
	}
	.concept_image img{
		/* width: 960px;
		max-width: 960px;
		height: auto; */
	}
	.concept_wideimg .note br{
		display: table;
	}
	.concept_wideimg .note{
		font-size: 10px;
	}
	
	
	/* contents */
	#contents {
		padding-bottom: 60px;
	}
	.contents_read {
		min-width: 0;
		min-height: 0;
		position: relative;
		padding: 30px 30px 30px 40px;
		margin-left: 20px;
		height: auto;
	}
	.site_contents:nth-child(2n) .contents_read {
		padding: 30px 40px 30px 30px;
		margin-left: 0;
		margin-right: 20px;
	}
	.site_contents:nth-child(odd) .contents_image figure figcaption{
		left: unset;
		right: 10px;
	}
	.site_contents .contents_image figure figcaption{
		font-size: 10px;
	}
	.contents_read::before,.contents_read::after{
		width: 6px;
	}
	.contents_read::before{
		left: -10px;
	}
	.contents_read::after{
		left: -20px;
	}
	.contents_read h3 {
		font-size: 24px;
		letter-spacing: 0.26em;
		margin-bottom: 10px;
	}
	.contents_read p {
		font-size: 14px;
		line-height: 180%;
	}
	.readmore {
		margin-top: 20px;
	}
	.contents_image figure .sitecontents_label img {
		height: 40px;
		width: auto;
	}
	.assetvalue .contents_image figure .sitecontents_label img {
		height: 60px;
		width: auto;
	}
	.contents_image figure .sitecontents_label {
		left: 15px;
	}
	.site_contents:nth-child(2n) .contents_image figure .sitecontents_label {
		right: 15px;
	}
	.site_contents:nth-child(even) .contents_read{
		padding: 30px 40px 30px 30px;
		margin-left: 0;
		margin-right: 20px;
	}
	.site_contents:nth-child(even) .contents_read::before{
		right: -10px;
		left: auto;
	}
	.site_contents:nth-child(even) .contents_read::after{
		right: -20px;
		left: auto;
	}
	
}


/* 20250818 */
.mvvideo.on{
	opacity: 1;
}

/* motori */
.moyori_info{

}
.moyori_info .moyoritext{
	color: #a79030;
	font-size: 3em;
	display: inline-block;
	letter-spacing: 0.1em;
	padding-left: 50px;
	position: relative;
	line-height: 1.2;
}
.moyori_info .moyoritext::before{
	color: #000;
    content: "×";
    font-size: 0.6em;
    font-weight: normal;
    display: inline-block;
    position: absolute;
    top: 20px;
    left: 10px;
}
.moyori_info .moyoritext:nth-child(1){
	color: #000;
	font-size: 1.8em;
	padding-left: 0;
}
.moyori_info .moyoritext:nth-child(1)::before{
	display: none;
}
.moyori_info .moyoritext small{
	font-size: 0.5em;
	position: absolute;
	margin-top: 2em;
}
.moyori_info .moyoritext strong{
	color: #a79030;
	font-size: 3em;
	line-height: 100%;
}
.moyori_info .moyoritext dl{
	display: flex;
    flex-direction: column;
}
.moyori_info .moyoritext dt{
	font-size: 0.45em;
}
.moyori_info .moyoritext dd{
	font-size: 0.7em;
}

/* entry */
.debut_benefits{
	border-top: 1px solid #d6d5cd;
	max-width: 720px;
  width: 100%;
	margin: 0px auto;
	padding-top: 45px;
	text-align: center;
}
.debut_benefits h4{
	font-size: 1.3em;
	margin-bottom: 10px;
}
.debut_benefits p{
	font-size: 0.8em;
	line-height: 200%;
}
.debut_entry .debut_benefits p {
  margin-bottom: 10px;
}
.debut_entry{
	border-bottom: 1px solid #d6d5cd;
	padding: 0 0 45px;
	max-width: 720px;
  width: 100%;
	margin: 0px auto;
}

/* front */
#front{
	width: 100%;
	overflow: hidden;
}
.frontimagelist{
	background: #231815;
	display: flex;
	width: 100%;
	min-width: 2970px;
	padding: 20px 5px;
}
.frontimage{
	width: calc(20% - 20px);
	/*aspect-ratio: 32 / 39;*/
	aspect-ratio: 38 / 25;
	overflow: hidden;
	position: relative;
	margin:20px 10px;
}
.frontimage img{
	width: 100%;
}
.frontimage video {
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  height: 98%;
	width: 98%;
	top: 1%;
	left: 1%;
}
.front_images{
	background: #231815;
}
.dotsbox{
	position: relative;
	min-height: 20px;
	margin-bottom: 40px;
}
.dotsbox .slick-dots{
	bottom: 0;
}
.dotsbox .slick-dots {
	text-align: center;
}
.dotsbox .slick-dots li{
  background: #999999;
  width: 30px;
  height: 10px;
  margin: 0 5px;
}
.dotsbox .slick-dots li.slick-active{
  background: #a6905f;
}
.dotsbox .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 30px;
  height: 10px;
  padding: 0px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}
.dotsbox .slick-dots li button::before {
  display: none;
}

@media screen and (max-width: 1150px){
	.moyori_info .moyoritext{
		font-size: 2.5em;
	}
	.moyori_info .moyoritext:nth-child(1){
		font-size: 1.5em;
	}
	.moyori_info .moyoritext small{
		font-size: 0.7em;
		margin-top: 1.2em;
	}
	.moyori_info .moyoritext strong{
		font-size: 3.2em;
	}
	.moyori_info .moyoritext dt{
		font-size: 0.65em;
	}
	.moyori_info .moyoritext dd{
		font-size: 0.95em;
	}
}

@media screen and (max-width: 940px){
	.moyori_info{
		display:unset;
	}
	.moyori_info .moyoritext{
		width:100%;
		color: #a79030;
		font-size: 2.5em;
		display: inline-block;
		letter-spacing: 0.1em;
		padding-left: 0px;
		padding-top: 40px;
		position: relative;
	}
	.moyori_info .moyoritext::before{
		top: 0;
		left: 0;
		right: 0;
		margin: 0 auto;
		line-height: 50%;
	}
	.moyori_info .moyoritext:nth-child(1){
		font-size: 2.5em;
		padding-top: 0;
		margin-bottom: 5px;
	}
	.moyori_info .moyoritext dl {
	    display: flex;
	    flex-direction: unset;
	    align-items: center;
	    justify-content: center;
	}
	.moyori_info .moyoritext small{
		font-size: 0.5em;
		margin-top: 0.2em;
	}
	.moyori_info .moyoritext strong{
		font-size: 2em;
	}
	.moyori_info .moyoritext dt{
		font-size: 0.6em;
	}
	.moyori_info .moyoritext dd{
		font-size:0.7em;
	}

}

@media screen and (max-width: 767px){
	.moyori_info{
		display:unset;
	}
	.moyori_info .moyoritext{
		color: #a79030;
		font-size: 32px;
		display: inline-block;
		letter-spacing: 0.1em;
		padding-left: 0px;
		padding-top: 20px;
		position: relative;
	}
	.moyori_info .moyoritext::before{
		color: #000;
		content: "×";
		font-weight: normal;
		display: inline-block;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		margin: 0 auto;
		line-height: 50%;
	}
	.moyori_info .moyoritext:nth-child(1){
		color: #000;
		font-size: 20px;
		padding-left: 0;
		margin-bottom: 5px;
	}
	.moyori_info .moyoritext:nth-child(1)::before{
		display: none;
	}
	.moyori_info .moyoritext small{
		font-size: 0.6em;
		margin-top: 1.3em;
	}
	.moyori_info .moyoritext strong{
		color: #a79030;
		font-size: 60px;
		line-height: 100%;
	}
	.moyori_info .moyoritext dl {
	    display: flex;
	    flex-direction: unset;
	    align-items: center;
	}
	.moyori_info .moyoritext dt {
	    font-size: 20px;
	}
	
	.frontimagelist{
		display: flex;
		width: 100%;
		min-width: 2000px;
	}
}

.movieBox{
	margin:0 auto 5em;
}