@charset "UTF-8";

/* 動き用指定 */
/*----------------------------
	accordion
-----------------------------*/
.accordion {
	margin: 0;
	padding: 0;
	list-style: none;
}

.accordion_tab:hover {
	cursor: pointer;
}
.accordion_article {
	display: none;
}
.accordion_article img {
	vertical-align: bottom;
}


/*----------------------------
	fadein
-----------------------------*/
.fadeBox {
    display: block;
	position: relative;
}
.fadeInUp {
	position: absolute;
	top: 0;
	left: 0;
	opacity : 0;
	transform: translateY(30px);
	transition: 1.8s;
}


/*----------------------------
	zoom_btn
-----------------------------*/
.cv_btn_wrap {
	position: relative;
	margin: 0 !important;
}

.cv_btn {
    position: absolute;
    top: 0;
    right: 0%;
    left: auto;
    width: 100%;
    margin: 0 auto;
    animation: anime1 0.8s ease 0s infinite alternate;
    transform-origin: center;
}

.cv_btn_none {
	position: absolute;
    top: 0;
    right: 0%;
    left: auto;
    width: 100%;
    margin: 0 auto;
	transform-origin:center;
}

.cv_btn_none :hover {
	opacity:0.5;
	transition:0.3s;
}

@keyframes anime1 {
	from {
		transform: scale(0.9,0.9);
	}
	to {
		transform: scale(1,1);
	}
}

/*----------------------------
	delay_show
-----------------------------*/
.delay_show_wrap {
	position: relative;
}
.delay_show {
	margin: 0;
	padding: 0;
}
.delay_show li {
	opacity: 0;
	list-style: none;
}


/* layout用指定 */
/* common */
#contents {
	background: #3d3232;
}

#contents img {
	display: block;
	width: 100%;
	height: auto;
	vertical-align: top;
}

@media screen (min-width: 425px){
	#contents img{
		width: 60%;
	}
}


.section {
    background: #fff;
}

/* 先行販売*/
.timer_box {
	position: relative;
}
.timer_txt {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 33%;
	left: 0;
	text-align: center;
	font-weight: bold;
	font-size: 2.6rem;
}
/* 先行予約*/
.yyk_count {
	padding: .5rem 0;
	background: url("../images/si_pc_yyk_header_02.png") left top repeat-y;
	background-size: 100% auto;
	text-align: center;
	font-weight: bold;
	font-size: 1.4rem;
}

/* fv */
.fv_sec01 {
    background: #a59480;
}
.fv_sec02 {
    background: url("../images/si_pc_fv_bg.gif") center top repeat-x #fff;
}
.fv_bg {
	background: url("../images/si_pc_fv_bg_ani.gif") left top no-repeat;
	background-size: 100% auto;
}

/* cont01 */
.cont01_fade01 {
	padding-top: 40px;
	margin-bottom: -30px;
}
.cont01_fade02 {
	padding-top: 20px;
	margin-bottom: -30px;
}

/* cont04 */
.cont04_sec01 {
	position: relative;
	background-size: 100% auto;
}
.cont04_sec01 ul {
	width: 730px;
	margin: 0 auto;
}
.cont04_sec01 li {
	width: 16%;
	position: absolute;
}
.cont04_sec01 .show01 {
	top: 10%;
	left: 23%;
}
.cont04_sec01 .show02 {
	top: 10%;
	left: 42%;
}
.cont04_sec01 .show03 {
	top: 10%;
	right: 23%;
}
.cont04_sec01 .show04 {
	top: 52%;
	left: 23%;
}
.cont04_sec01 .show05 {
	top: 52%;
	left: 42%;
}
.cont04_sec01 .show06 {
	top: 52%;
	right: 23%;
}

/* cont10 */
.cont10 .accordion_tab {
	width: 100%;
	height: 68px;
	background: #f3f7f3 url("../images/si_pc_cont10_02.png") center center no-repeat;
	background-size: 100% auto;
}
.cont10 .accordion_tab.active {
	width: 100%;
	height: 68px;
	background: #f3f7f3 url("../images/si_pc_cont10_on_02.png") center center no-repeat;
	background-size: 100% auto;
}

/* cont14 */
.cont14_sec02 {
	position: relative;
}
.cont14_sec02 li {
	width: 20%;
	position: absolute;
}
.cont14_sec02 .show01 {
	top: 3%;
	right: 26%;
}
.cont14_sec02 .show02 {
	top: 16%;
	right: 46%;
}
.cont14_sec02 .show03 {
	top: 22%;
	right: 6.5%;
}

/* anime_block */
.anime_block{
    width: 100%;
    margin: 0 auto;
    padding: 20px 0;
    text-align: center;
}
.anime_block img {
    margin: 0 auto;
    text-align: center;
}
.anime_block_01 { background: #f2f2f0;}
.anime_block_02 { background: #FAF1F1;}
.anime_block_03 { background: #F8F3F6 url("../images/si_pc_saeki_03.png") repeat-y left top;
background-size: 100% auto;}
.anime_block_04 { background: #ffffff url("../images_h048001_721_ydn/si_pc_h048001_721_ydn_saeki_d1_03.png") repeat-y left top;
background-size: 100% auto;}


/* ****************
 * Modal window
 * *************** */

/*------------------------------------------------------------
    動画自動再生コンテンツ
------------------------------------------------------------*/
.movie_wrap {
    background: url("../images_h048001_721_ydn/si_pc_h048001_721_ydn_movie_d1_02.jpg") repeat-y left top;
    background-size: 100% auto;
}
.movie {
    box-sizing: border-box;
    position:relative;
    /*width: 62%;*/
    margin: 0 auto;
    /*padding-bottom: 52.34%;*/
}
.movie iframe {
    position:absolute;
    top:0;
    left:0;
    width: 100% !important;
    height: 100% !important;
}