@charset "UTF-8";


.anchor{
	margin-top: -70px !important;
}
/*--------------------PC--------------------*/
@media all and (min-width:1141px){

}

/*--------------------SP--------------------*/
@media all and (max-width:1140px){
	.main{
		padding-top: 70px;
	}
	/* .main{
		padding-top: 70px;
	} */


}
/* mv
***************************************************************/

@media all and (min-width:1141px){
	.mv{
		position: fixed;
		top: 0;
		left: 0;
		width: 50%;
		height:100vh;

		background-color: #fff;
		padding: calc(70px) 5% 3%;
	}
	.mv img{
		width: 100%;
		height: 100%;
		object-fit: contain;
	}
	main > *:not(.mv) {
        margin-left: auto;
        /* max-width: calc((100% - 48px) - 50%); */
        max-width: calc(100% - 50%);
        position: relative;
        z-index: 1;
        /* margin-right: 48px; */
    }
	footer{
		margin-left: auto;
		max-width: calc(100% - 50%);
	}
}

@media all and (max-width:1140px){
}


/* intro_sec
***************************************************************/


.intro_sec_txt{
	font-size: 4.1cqw;
	line-height: 1.71;
	letter-spacing: 0.05em;
}

.intro_sec{
	padding-bottom: 13cqw;
}
.intro_sec2{
	padding-bottom: 29cqw;
}
.pre_order_list {
    font-size: 4.5cqw;
    display: table;
    margin: 2.5em auto 0.5em;
    text-align: center;
}
dt.pre_order_item{
	background-color: #dfd677;
	padding: 0.4em 0.5em;
	z-index: 1;
}
dd.pre_order_item{
	margin-top: 0.7em;
}
dd.pre_order_item + dt.pre_order_item {
	margin-top: 1.5em;
}
@media all and (min-width:1141px){
}


@media all and (max-width:1140px){
}





/* 共通
***************************************************************/

.nen_txt01{
	font-size: 5.9cqw;
	line-height: 1.5;
	letter-spacing: 0.05em;
	font-weight: 700;
	text-align: center;
	margin-top: 0.8em;
}
.nen_txt01_y{
	color: #dfd677;
}


.small_txt{
	font-size: 75%;
}
.big_txt{
	font-size: 150%;
}
  

  
.line_wrap01{
	border: 1px solid #333333;
	padding: 0 5.3% 20px;
}

.sec_ttl{
	font-size: 4.5cqw;
	padding: 0 0.6em;
	font-weight: 600;
	background-color: #fff;
	position: relative;
	text-align: center;
	margin-top: -0.5em;
	margin-bottom: 0.8em;
	display: table;
	margin-left: auto;
	margin-right: auto;
}

.can_ttl_sub {
	font-size: 5.9cqw;
	background: linear-gradient(to right, #dfd677 0%, #dfd677 80%, rgba(223, 214, 119, 0) 100%);
	display: table;
	padding: 0.2em 3em 0.2em 5.5vw;
	margin-left: -5.3vw;
}
.sec_sub_ttl{
	font-size: 3.2cqw;
	font-weight: 600;
	color: #30b4c1;
	text-align: center;
	margin-top: 1.8em;
}

.single_line{
	margin-top: 3cqw;
	width: 100%;
	height: 1px;
	background-color: #dfd677;
	display: block;
	position: relative;
}	
.single_line::after{
	content: '';
	position: absolute;
	top: 0.5px;
	right: 0;
	width: 17cqw;
	aspect-ratio: 56/10;
	/* height: 10px; */
	background: url(../img/top/line_r.svg) center / contain no-repeat;
	display: block;
	transform: translateY(-50%);
}	
.double_line{
	margin-top: 3cqw;
	width: 100%;
	height: 1px;
	background-color: #dfd677;
	display: block;
	position: relative;
}	
.double_line::before{
	content: '';
	position: absolute;
	top: 0.5px;
	left: 0;
	width: 17cqw;
	aspect-ratio: 56/10;
	background: url(../img/top/line_l.svg) center / contain no-repeat;
	display: block;
	transform: translateY(-50%);
}		
.double_line::after{
	content: '';
	position: absolute;
	top: 0.5px;
	right: 0;
	width: 17cqw;
	aspect-ratio: 56/10;
	background: url(../img/top/line_r.svg) center / contain no-repeat;
	display: block;
	transform: translateY(-50%);
}	


.inner.inner2{
	.sec_ttl{
		font-size: 5.1cqw;
	}
	.sec_sub_ttl {
		font-size: 4.1cqw;
	}
	.nen_txt01 {
		font-size: 6.9cqw;
	}
	.pre_order_list {
		font-size: 5.1cqw;
	}
	.txt03 {
		font-size: 5.1cqw;
	}
	.btn01 {
		font-size: 4.8cqw;
		width: 98%;
		padding: 1.2em 2em 1.2em 0.6em;
	}
	.can_box01 {
		.sec_sub_ttl {
			margin-top: -2.4em;
		}
	}
	/* .shouhin_wrap {
		dt.shouhin_item {
			font-size: 4.1cqw !important;
		}
		dd.shouhin_item {
			.shouhin_txt2 {
				font-size: 5.1cqw !important;
			}
		}
	} */
	.txt04 {
		font-size: 3.8cqw;
	}
}
@media all and (min-width:1141px){
}


@media all and (max-width:1140px){
}









/* sec01
***************************************************************/

.sec1{
	margin-top: 70px;
	background: #000 url(../img/top/sec1_bg.jpg) center top / 100% auto no-repeat;
	color: #fff;
	/* min-height: 483px; */
	/* aspect-ratio: 750/963; */

		.sec1_txt01{
			font-size: 4.5cqw;
		}
		.sec1_ttl01_wrap{
			font-size: 8cqw;
			margin-top: 0.8em;
				.sec1_ttl01{
					color: #000000;
					background-color: #dfd677;
					display: table;
					position: relative;
					padding: 0.2em 0.5em;
					z-index: 1;
				}
				.sec1_ttl02{
					color: #fff;
					border: 1px solid #dfd677;
					display: table;
					position: relative;
					padding: 0.4em 0.5em 0.4em 0.4em;
					margin-top: -0.3em;
					margin-left: 1.2em;
				}	
		}
		.nen_txt01_y{
			font-weight: 600;
			text-align: left;
		}
		.sec1_txt03{
			font-size: 4.5cqw;
			line-height: 1.66;
			margin-top: 2em;
		}
}


@media all and (min-width:1141px){
}


@media all and (max-width:1140px){
	.sec1{
		margin-top: 0;
	}
}






/* sec02
***************************************************************/

.sec2{
	/* margin-top: 70px; */
	background: #fff url(../img/top/sec2_bg.jpg) center top / 100% auto no-repeat;
		.txt02{
			margin-top: 2.2em;
			text-shadow: 0 0 0.3em rgba(255, 255, 255, 0.7), 0 0 0.3em rgba(255, 255, 255, 0.7), 0 0 0.3em rgba(255, 255, 255, 0.7), 0 0 0.3em rgba(255, 255, 255, 0.7), 0 0 0.3em rgba(255, 255, 255, 0.7), 0 0 0.3em rgba(255, 255, 255, 0.7), 0 0 0.3em rgba(255, 255, 255, 0.7), 0 0 0.3em rgba(255, 255, 255, 0.7);
		}
		.can_ttl {
			font-size: 8cqw;
			text-shadow: 0 0 0.3em rgba(255, 255, 255, 0.7), 0 0 0.3em rgba(255, 255, 255, 0.7), 0 0 0.3em rgba(255, 255, 255, 0.7), 0 0 0.3em rgba(255, 255, 255, 0.7), 0 0 0.3em rgba(255, 255, 255, 0.7), 0 0 0.3em rgba(255, 255, 255, 0.7), 0 0 0.3em rgba(255, 255, 255, 0.7), 0 0 0.3em rgba(255, 255, 255, 0.7);
			margin-top: 0.7em;
			margin-left: -0.5em;
		}
		.single_line{
			margin-top: 4cqw;
			filter: drop-shadow(0 0 0.3em rgba(255, 255, 255, 0.7)) drop-shadow(0 0 0.3em rgba(255, 255, 255, 0.7)) drop-shadow(0 0 0.3em rgba(255, 255, 255, 0.7)) drop-shadow(0 0 0.3em rgba(255, 255, 255, 0.7)) drop-shadow(0 0 0.3em rgba(255, 255, 255, 0.7)) drop-shadow(0 0 0.3em rgba(255, 255, 255, 0.7));
		}
		.can_wrap02{
			.btn01 + .btn01{
				margin-top: 2em;
			}
			.views_box {
				padding-top: 16cqw;
				/* padding-bottom: 15cqw; */
				background: url(../img/top/sec2_bg02.jpg) center top / 100% auto no-repeat;
				width: 113cqw;
				height: auto;
				aspect-ratio: 333 / 172;
				left: -6.7cqw;
				display: flex;
				flex-direction: column;
				position: relative;
					.sec_sub_ttl{
						margin-top: 0;
					}
					.views_txt{
						/* font-size: 8.9cqw; */
						font-size: 10.2cqw;
						margin-top: 0.4em;
						text-align: center;
					}
			}
			.can_box01{
				.bold_txt.red_txt{
					span{
						letter-spacing: -0.01em;
					}
				}
			}
		}
		.can_wrap03{
			padding-bottom: 5%;
			position: relative;
			.sec_ttl{
				color: #9d9d9d;
				background-color: #fff;
			}
				.sec_sub_ttl{
					color: #9d9d9d;
				}
				.nen_txt01{
					margin-top: 0.3em;
					font-size: 8.9cqw;
					color: #9d9d9d;
				}
		}
		.can_wrap04{
			margin-top: 5cqw;
			position: relative;
			display: flex;
			justify-content: center;
				.dot{
					width: 5px;
					height: auto;
				}
		}
}


.txt01{
	font-size: 5.9cqw;
	line-height: 1.66;
	margin-top: 2.5em;
}
.txt02{
	font-size: 4.5cqw;
	line-height: 1.66;
}
.txt03{
	font-size: 4.5cqw;
	line-height: 1.66;
	text-align: center;
}
.txt04{
	font-size: 3.5cqw;
	line-height: 1.83;
}
.bold_txt{
	font-weight: 700;
}
.red_txt{
	color: #d50000;
}


.can_wrap{
	margin-top: 15cqw;
	padding-bottom: 9%;
		.sec_ttl{
			background-color: #333;
			color: #fff;
			padding: 0.2em 0.8em 0.3em;
			margin-top: -0.7em;
		}
		.double_line{
			z-index: 1;
		}
		.can_box01{
			margin-top: 12cqw;
			/* margin-top: 0; */
			z-index: 1;
			position: relative;
				.sec_sub_ttl{
					margin-top: -2.9em;
				}
				.inner_inner {
					background-color: #f5f5f5;
					padding: 2.4em 0 1.5em;
					font-size: 3.2cqw;
				}
				.txt03{
					margin-top: 1em;
				}
		}
}

.can_wrap02{
	.can_box01{
		margin-top: 0;
	}
}

.btn01 {
    background: #30b4c1 url(../img/top/arrow_w.svg) right 3cqw center / 7.4cqw auto no-repeat;
    color: #fff;
    font-size: 4.5cqw;
    width: 90%;
    margin: 12cqw auto 0;
    opacity: 1;
    transition: .3s ease;
	padding: 1.2em 2em 1.2em 0.8em;
	line-height: 1.66;
	display: block;
	position: relative;
}

.btn01::before {
    content: '';
    border-left: 1px solid #30b4c1;
    border-top: 1px solid #30b4c1;
    width: 24cqw;
    aspect-ratio: 2 / 1;
    left: -1.5cqw;
    top: -1.5cqw;
    position: absolute;
}

.btn01::after {
    content: '';
    border-right: 1px solid #30b4c1;
    border-bottom: 1px solid #30b4c1;
    width: 24cqw;
    aspect-ratio: 2 / 1;
    right: -1.5cqw;
    bottom: -1.5cqw;
    position: absolute;
}

@media all and (min-width:1141px){
	.sec2{
		.can_ttl_sub {
			margin-left: -5.9%;
		}
		.can_wrap01{
			margin-top: 9cqw;
			max-width: calc(100% - 10.6%);
		}
		.can_wrap02{
			max-width: calc(100% - 10.6%);
		}
		.can_wrap03{
			max-width: calc(100% - 10.6%);
		}
	}
}


@media all and (max-width:1140px){
}








/* sec3
***************************************************************/
.sec3{
	background: #000 url(../img/top/sec3_bg.png) center top / 100% auto no-repeat;
		.can_ttl_img{
			width: 15cqw;
			font-size: 8cqw;
			margin-top: 0.8em;
		}
		.can_ttl{
			font-size: 8cqw;
			margin-top: 0.3em;
			color: #fff;
			line-height: 1.33;
		}
		.txt02{
			color: #fff;
			margin-top: 2.2em;
		}
		.line_wrap01 {
			border: 1px solid #fff;
		}
		.can_wrap{
			padding-bottom: 5%;
			color: #fff;
			margin-top: 8cqw;
				.sec_ttl{
					background-color: #fff;
					color: #333;
				}
				.nen_txt01{
					color: #fff;
				}
				.nen_txt02{
					color: #fff;
					font-size: 3.5cqw;
					margin-top: 0.5em;
					text-align: center;
					font-weight: 600;
				}
				.nen_txt02 + .nen_txt01{
					margin-top: 1em;
				}
				.double_line{
					margin-top: 5cqw;
				}
				.sec_sub_ttl.oubo{
					margin-top: 3em;
				}
				.nen_txt01.oubo {
					display: table;
					margin-left: auto;
					margin-right: auto;
					text-align: left;
				}
				.can_box01{
						.inner_inner {
							background-color: #333333;
							padding-left: 5.3%;
							padding-right: 5.3%;
						}
				}
				.shouhin_wrap{
					margin-top: 1.5em;
					padding-bottom: 0.6em;
						dt.shouhin_item{
							/* font-size: 3.5cqw; */
							font-size: 4.1cqw;
							display: table;
							margin-left: auto;
							margin-right: auto;
							text-align: center;
							color: #fff;
							background-color: #9d9d9d;
							padding: 0.4em 2em;
						}
						dd.shouhin_item{
							.shouhin_txt{
								margin-top: 0.5em;
								font-size: 4.4cqw;
								text-align: center;
								color: #30b4c1;
								line-height: 1.66;
								letter-spacing: 0;
							}
							.shouhin_txt2{
								/* font-size: 3.5cqw; */
								font-size: 4.1cqw;
								text-align: center;
								color: #fff;
								letter-spacing: 0.08em;
							}
						}
						dd.shouhin_item + dt.shouhin_item{
							margin-top: 3em;
						}
				}
				.oubo_wrap{
					display: flex;
					flex-wrap: wrap;
					align-items: flex-start;
					margin-top: 1.5em;
						dt.oubo_no {
							font-size: 3.5cqw;
							display: table;
							text-align: center;
							color: #fff;
							background-color: #9d9d9d;
							padding: 0.3em 0.2em;
							width: 1.5em;
							margin-right: 0.8em;
							top: 0.2em;
							/* margin-top: 0.3em; */
							position: relative;
						}
						dd.oubo_item{
							width: calc(100% - 3.5em);
							.oubo_txt{
								font-size: 4.6cqw;
								text-align: center;
								line-height: 1.66;
								text-align: left;
								text-decoration: underline;
								text-underline-offset: 0.3em;
							}
							.oubo_txt2{
								font-size: 3.8cqw;
								text-align: center;
								color: #fff;
								line-height: 1.83;
								text-align: left;
								margin-top: 1em;
							}
						}
						> *:nth-child( n + 3){
							margin-top: 2em;
						}
						> *:nth-child( 2n + 3){
							margin-top: 2em;
						}
				}
				.btn01{
					margin-top: 2.2em;
				}
				.txt04{
					margin-top: 2.5em;
				}
		}

	}

@media all and (min-width:1141px){
	.sec3{
		.can_ttl_sub {
			margin-left: -5.9%;
		}
		.inner.line_wrap01.can_wrap01{
			max-width: calc(100% - 10.6%);
		}
		.can_wrap{
			margin-top: 5cqw;
		}
	}
}


@media all and (max-width:1140px){
}


/* sec4
***************************************************************/

.sec4{
	background: #fff url(../img/top/sec4_bg.jpg) center top / 100% auto no-repeat;
		.txt02{
			margin-top: 2.2em;
			text-shadow: 0 0 0.3em rgba(255, 255, 255, 0.7), 0 0 0.3em rgba(255, 255, 255, 0.7), 0 0 0.3em rgba(255, 255, 255, 0.7), 0 0 0.3em rgba(255, 255, 255, 0.7), 0 0 0.3em rgba(255, 255, 255, 0.7), 0 0 0.3em rgba(255, 255, 255, 0.7), 0 0 0.3em rgba(255, 255, 255, 0.7), 0 0 0.3em rgba(255, 255, 255, 0.7);
		}
		.can_ttl {
			font-size: 8cqw;
			text-shadow: 0 0 0.3em rgba(255, 255, 255, 0.7), 0 0 0.3em rgba(255, 255, 255, 0.7), 0 0 0.3em rgba(255, 255, 255, 0.7), 0 0 0.3em rgba(255, 255, 255, 0.7), 0 0 0.3em rgba(255, 255, 255, 0.7), 0 0 0.3em rgba(255, 255, 255, 0.7), 0 0 0.3em rgba(255, 255, 255, 0.7), 0 0 0.3em rgba(255, 255, 255, 0.7);
			margin-top: 0.5em;
			line-height: 1.33;
		}
		.single_line{
			margin-top: 5cqw;
			filter: drop-shadow(0 0 0.3em rgba(255, 255, 255, 0.7)) drop-shadow(0 0 0.3em rgba(255, 255, 255, 0.7)) drop-shadow(0 0 0.3em rgba(255, 255, 255, 0.7)) drop-shadow(0 0 0.3em rgba(255, 255, 255, 0.7)) drop-shadow(0 0 0.3em rgba(255, 255, 255, 0.7)) drop-shadow(0 0 0.3em rgba(255, 255, 255, 0.7));
		}
		.can_wrap02{
			.btn01 + .btn01{
				margin-top: 1.5em;
			}
			.views_box {
				padding-top: 16cqw;
				/* padding-bottom: 15cqw; */
				background: url(../img/top/sec2_bg02.jpg) center top / 100% auto no-repeat;
				width: 113.5cqw;
				height: auto;
				aspect-ratio: 333 / 172;
				left: -6.75cqw;
				display: flex;
				flex-direction: column;
				position: relative;
					.sec_sub_ttl{
						margin-top: 0;
					}
					.views_txt{
						font-size: 8.9cqw;
						margin-top: 0.4em;
						text-align: center;
					}
			}
		}
		.can_wrap{
			padding-bottom: 5%;
				.sec_ttl{
				}
				.nen_txt01{
				}
				.nen_txt02{
					font-size: 3.5cqw;
					margin-top: 0.5em;
					text-align: center;
					font-weight: 600;
				}
				.nen_txt02 + .nen_txt01{
					margin-top: 1em;
				}
				.double_line{
					margin-top: 3.5cqw;
				}
				.sec_sub_ttl.oubo{
					margin-top: 3em;
				}
				.nen_txt01.oubo {
					display: table;
					margin-left: auto;
					margin-right: auto;
					text-align: left;
				}
				.can_box01{
						.inner_inner {
							background-color: #f5f5f5;
							padding-left: 5.3%;
							padding-right: 5.3%;
						}
				}
				.shouhin_wrap{
					margin-top: 1.5em;
					padding-bottom: 0.6em;
						dt.shouhin_item{
							/* font-size: 3.5cqw; */
							font-size: 4.1cqw;
							display: table;
							margin-left: auto;
							margin-right: auto;
							text-align: center;
							background-color: #9d9d9d;
							padding: 0.4em 2em;
							color: #fff;
						}
						dd.shouhin_item{
							.shouhin_txt{
								margin-top: 0.5em;
								font-size: 4.8cqw;
								text-align: center;
								color: #333;
								line-height: 1.66;
								letter-spacing: 0;
								 .small_txt{
									font-size: 85.2%;
								 }
							}
							.shouhin_txt2{
								/* font-size: 3.5cqw; */
								font-size: 4.5cqw;
								text-align: center;
								letter-spacing: 0.08em;
							}
						}
						dd.shouhin_item + dt.shouhin_item{
							margin-top: 3em;
						}
				}
				.oubo_wrap{
					display: flex;
					flex-wrap: wrap;
					align-items: flex-start;
					margin-top: 1.5em;
						dt.oubo_no {
							font-size: 3.5cqw;
							display: table;
							text-align: center;
							color: #fff;
							background-color: #9d9d9d;
							padding: 0.3em 0.2em;
							width: 1.5em;
							margin-right: 0.8em;
							top: 0.2em;
							/* margin-top: 0.3em; */
							position: relative;
						}
						dd.oubo_item{
							width: calc(100% - 3.5em);
							.oubo_txt{
								font-size: 4.6cqw;
								text-align: center;
								line-height: 1.66;
								text-align: left;
								text-decoration: underline;
								text-underline-offset: 0.3em;
							}
							.oubo_txt2{
								font-size: 3.8cqw;
								text-align: center;
								line-height: 1.83;
								text-align: left;
								margin-top: 1em;
							}
						}
						> *:nth-child( n + 3){
							margin-top: 3em;
						}
						> *:nth-child( 2n + 3){
							margin-top: 3em;
						}
				}
				.btn01{
					margin-top: 2.2em;
				}
				.txt04{
					margin-top: 2.5em;
				}
		}
		.aco_wrap dt{
			color: #fff;
		}
		.can_wrap03{
			padding-bottom: 5%;
			position: relative;
			.sec_ttl{
				color: #9d9d9d;
				background-color: #fff;
			}
				.sec_sub_ttl{
					color: #9d9d9d;
				}
				.nen_txt01{
					margin-top: 0.3em;
					font-size: 8.9cqw;
					color: #9d9d9d;
				}
		}
		.can_wrap04{
			margin-top: 5cqw;
			position: relative;
			display: flex;
			justify-content: center;
				.dot{
					width: 5px;
					height: auto;
				}
		}
		.oubo_item .btn01{
			width: 100%;
		}
}
@media all and (min-width:1141px){
	.sec4{
		.can_ttl_sub {
			margin-left: -5.9%;
		}
		.inner.line_wrap01.can_wrap01{
			max-width: calc(100% - 10.6%);
		}
	}
}


@media all and (max-width:1140px){
}





/* sec5
***************************************************************/
.sec5{
	background: #f5f5f5;
	padding-bottom: 8cqw;
		.can_ttl {
			font-size: 8cqw;
			margin-top: 0.5em;
		}
		.lineup_wrap{
			margin-top: 12cqw;
		}
		.lineup_img{
			max-width: 84%;
			margin-left: auto;
			margin-right: auto;
			display: block;
		}
		.double_line{
			max-width: 84%;
			margin: 12cqw auto 12cqw;
			display: block;
		}
		.lineup_ttl{
			font-size: 4.5cqw;
			color: #30b4c1;
			text-align: center;
			margin-top: 0.5em;
			right: -0.5em;
			position: relative;
		}
		.lineup_ttl2{
			font-size: 5.9cqw;
			text-align: center;
			margin-top: 0.5em;
			font-weight: 700;
		}
		.lineup_ttl_sub{
			background-color: #333;
			color: #fff;
			text-align: center;
			display: table;
			padding: 0.5em 1em 0.6em;
			margin-left: auto;
			margin-right: auto;
			margin-top: 0.6em;
			font-size: 3.5cqw;
			font-weight: 700;
		}
		.lineup_ttl3{
			font-size: 4.5cqw;
			text-align: center;
			margin-top: 1em;
			font-weight: 600;
			line-height: 1.66;
		}
		.lineup_price{
			font-size: 5.9cqw;
			text-align: center;
			font-weight: 700;
			margin-top: 0.6em;
		}
		.lineup_txt2{
			font-size: 4.5cqw;
			text-align: center;
			margin-top: 1.2em;
			line-height: 1.66;
		}
		.lineup_txt3{
			font-size: 3.5cqw;
			margin-top: 1.5em;
			line-height: 1.66;
		}
		.lineup_nui{
			border: 2px solid #dfd677;
			background-color: #fff;
			margin-top: 5%;
			margin-left: auto;
			margin-right: auto;
			width: 92.5cqw;
			padding: 2cqw 3cqw;
			font-size: 3.5cqw;
			line-height: 1.66;
		}
		.lineup_txt{
			font-size: 3.5cqw;
			margin-top: 0.2em;
			line-height: 1.66;
		}
		.lineup_nui_img{
			max-width: 90%;
			margin: 3cqw auto 0;
			display: block;
		}

}

@media all and (min-width:1141px){
	.sec5{
		.can_ttl_sub {
			margin-left: -2.65vw;
		}
	}
}


@media all and (max-width:1140px){
}




/* sec6
***************************************************************/

.sec6{
	background: #f5f5f5;
		.can_ttl_sub {
			margin-left: -5.9%;
		}	
		.can_ttl {
			font-size: 8cqw;
			margin-top: 0.5em;
		}
		.single_line{
			margin-top: 5cqw;
		}
		.track_wrap{
			margin-top: 12cqw;
			.ul{
				.li{
					padding-left: 3cqw;
					display: flex;
					align-items: flex-start;
						.track_no{
							font-size: 3.5cqw;
							background-color: #333;
							color: #fff;
							padding: 0.8em 0.2em;
							margin-right: 1em;
						}
						.track_item{
							.track_title{
								font-size: 5.9cqw;
								font-weight: 700;
								line-height: 1.4;
								margin-top: -0.2em;
							}
							.track_artist{
								font-size: 3.5cqw;
								margin-top: 0.6em;
								span.small_txt{
									margin-left: 3em;
								}
							}
						}
					}

					li:last-child{
						padding-bottom: 1.5em;
						border-bottom: 1px solid #333;
					}
					li + li{
						margin-top: 1.5em;
						padding-top: 1.5em;
						border-top: 1px solid #333;
					}
			}
		}
}

@media all and (min-width:1141px){
}


@media all and (max-width:1140px){
}




/* sec7
***************************************************************/
.sec7{
	background: #fff;
		.can_ttl_sub {
			margin-left: -5.9%;
		}	
		.can_ttl {
			font-size: 8cqw;
			margin-top: 0.5em;
		}
		.single_line{
			margin-top: 5cqw;
		}
		.tokuten_wrap{
			margin-top: 12cqw;
			.ul{
				display: flex;
				flex-wrap: wrap;
				gap: 7cqw 3cqw;
				.li{
					background-color: #f5f5f5;
					padding: 3cqw;	
					display: flex;
					align-items: flex-start;
					width: calc(50% - 1.5cqw);
						.tokuten_item{
							height: 100%;
							display: flex;
							flex-direction: column;
							position: relative;
								.tokuten_img{
									img{
										width: 100%;
										height: auto;
									}
								}
						}
						.tokuten_no{
							font-size: 12cqw;
							color: #30b4c1;
							position: absolute;
							top: -0.5em;
							left: 0.2em;
							transform: skewX(-12deg);
						}
						.tokuten_title {
							font-size: 4cqw;
							font-weight: 700;
							line-height: 1.4;
							margin-top: 0.5em;
						}
						.tokuten_txt{
							font-size: 3.3cqw;
							margin-top: 0.8em;
							padding-bottom: 1.6em;
							line-height: 1.66;
						}
						.btn01 {
							background: #30b4c1 url(../img/top/arrow_w.svg) right 2cqw center / 4cqw auto no-repeat;
							width: 100%;
							padding: 0.9em 2em 0.9em 0.6em;
							margin-top: auto;
							font-size: 3cqw;
						}
						.btn01::before {
							width: 12cqw;
							left: -1cqw;
							top: -1cqw;
						}
						.btn01::after {
							width: 12cqw;
							right: -1cqw;
							bottom: -1cqw;
						}
				}
			}
		}
		.tokuten_txt2{
			font-size: 3.5cqw;
			margin-top: 1.5em;
			line-height: 1.66;
		}
	}

@media all and (min-width:1141px){
}


@media all and (max-width:1140px){
}







/* sec10
***************************************************************/
.sec10{
	background: #000 url(../img/top/sec10_bg.png) center top / 100% auto no-repeat;
		.can_ttl_img{
			width: 15cqw;
			font-size: 8cqw;
			margin-top: 0.8em;
		}
		.can_ttl{
			font-size: 8cqw;
			margin-top: 0.3em;
			color: #fff;
			line-height: 1.33;
		}
		.txt02{
			color: #fff;
			margin-top: 2.2em;
		}
		.btn01{
			margin-top: 2em;
		}

	}

@media all and (min-width:1141px){
	.sec10{
		.can_ttl_sub {
			margin-left: -5.9%;
		}
	}
}


@media all and (max-width:1140px){
}





/* sec08
***************************************************************/
.sec8{
	background: #faf9ea url(../img/top/sec8_bg.png) center top / 100% auto no-repeat;
		.can_ttl_sub{
			font-size: 5.9cqw;
			background: linear-gradient(to right, #dfd677 0%, #dfd677 80%, rgba(223, 214, 119, 0) 100%);
			display: table;
			padding: 0.2em 3em 0.2em 5.5vw;
			margin-left: -5.3vw;
		}
		.can_ttl{
			font-size: 8.9cqw;
			margin-top: 0.2em;
			color: #333;
			line-height: 1.33;
			text-shadow: 0 0 0.3em rgba(250, 249, 234, 0.7), 0 0 0.3em rgba(250, 249, 234, 0.7), 0 0 0.3em rgba(250, 249, 234, 0.7), 0 0 0.3em rgba(250, 249, 234, 0.7), 0 0 0.3em rgba(250, 249, 234, 0.7), 0 0 0.3em rgba(250, 249, 234, 0.7), 0 0 0.3em rgba(250, 249, 234, 0.7), 0 0 0.3em rgba(250, 249, 234, 0.7);
			span{
				font-size: 5.9cqw;
			}
		}
		.txt02{
			text-align: left;
			margin-top: 2.2em;
		}

		& .can_wrap {
			margin-top: 15cqw;
        	padding-bottom: 9%;
	        .sec_ttl {
	            background-color: #333;
	            color: #fff;
	            padding: 0.2em 0.8em 0.3em;
	            margin-top: -0.7em;
	        }
	    }

		.aco_wrap + .aco_wrap{
		    margin-top: 1.5em;
		}
		.aco_wrap dt {
		    color: #fff;
		}



}
.cam_box{
	margin-top: 2em;
}
.cam_box01_list{
	font-size: 5.1cqw;
    /*display: table;*/
    margin: 1.5em auto 0;
    text-align: center;
}
dt.cam_box01_item {
	font-size: 4.1cqw;
    background-color: #9d9d9d;
    color: #fff;
    padding: 0.4em 2em;
	display: inline-block;
}
dd.cam_box01_item {
    margin-top: 0.7em;
}
dd.cam_box01_item + dt.cam_box01_item{
    margin-top: 2em;
}

.cam_box02{
	.txt02{
		font-size: 4.1cqw;
		text-align: center;
    	margin-top: 0.5em;
	}
}
.cam_box03{
	.txt02{
		text-align: center;
    	margin-top: 0.5em;
	}
}
.can_wrap {
    & .cam_box04 {
        .inner_inner {
            background-color: #fff;
           	padding: 2.4em 5.3% 1.5em;
            font-size: 4.1cqw;
        }
		.sec_sub_ttl {
            margin-top: -2.9em;
        }
		.haifu_wrap {
            display: flex;
            flex-wrap: wrap;
            align-items: flex-start;
            margin-top: 1.5em;
        	dt.haifu_no {
                font-size: 4.1cqw;
                display: table;
                text-align: center;
                color: #fff;
                background-color: #333;
                padding: 0.3em 0.2em;
                width: 1.5em;
                margin-right: 0.8em;
                margin-top: 0.3em;
            }
			dd.haifu_item {
                width: calc(100% - 3.5em);
				.haifu_txt {
                    font-size: 5.1cqw;
                    text-align: center;
                    line-height: 1.66;
                    text-align: left;
                    text-decoration: underline;
                    text-underline-offset: 0.3em;
                }
                .haifu_txt2 {
                    font-size: 4.1cqw;
                    line-height: 1.83;
                    text-align: left;
                    margin-top: 0.5em;
                }
            }
            dd.haifu_item:not(:last-of-type){
				margin-bottom: 3em;
            }
            .aco_wrap {
			    margin-top: 1.5em;
			}

        }
    }

}


@media all and (min-width:1141px){
	.sec8{
		.can_ttl_sub {
			margin-left: -2.65vw;
		}
		.inner.line_wrap01.can_wrap01{
			max-width: calc(100% - 10.6%);
		}
	}
}


@media all and (max-width:1140px){
}



/* sec9
***************************************************************/
.sec9{
	background: #fff;
		.can_ttl_sub{
			font-size: 5.9cqw;
			background: linear-gradient(to right, #dfd677 0%, #dfd677 80%, rgba(223, 214, 119, 0) 100%);
			display: table;
			padding: 0.2em 3em 0.2em 5.5vw;
			margin-left: -5.3vw;
		}
		.can_ttl{
			font-size: 8.9cqw;
			margin-top: 0.2em;
			color: #333;
			line-height: 1.33;
		}
}
.movie_box{
	margin: 2.2em 2.25% 0;
	a:hover{
		opacity: 0.7;
	}
}
.movie_box + .movie_box{
	margin-top: 1.5em;
}

@media all and (min-width:1141px){
	.sec9{
		.can_ttl_sub {
			margin-left: -2.65vw;
		}
	}
}


@media all and (max-width:1140px){
}















/* aaa
***************************************************************/


@media all and (min-width:1141px){
}


@media all and (max-width:1140px){
}


/* aaa
***************************************************************/


@media all and (min-width:1141px){
}


@media all and (max-width:1140px){
}


/* aaa
***************************************************************/


@media all and (min-width:1141px){
}


@media all and (max-width:1140px){
}



/* アコーディオン
***************************************************************/
.aco_wrap {
	margin-top: 3em;
}
.aco_wrap dt {
	font-size: 5.1cqw;
	padding: 0.8em 0.6em;
	cursor: pointer;
	position: relative;
	user-select: none;
	background-color: #9d9d9d;
}
.aco_wrap .aco_item {
	display: none;
	margin-top: 1em;
}
.aco_wrap .aco_txt {
	font-size: 4.1cqw;
	line-height: 1.83;
		a{
			text-decoration: underline;
			text-underline-offset: 0.3em;
		}
}
.aco_ico {
	position: absolute;
	right: 0.6em;
	top: 50%;
	transform: translateY(-50%);
	width: 1em;
	height: 1em;
	display: inline-block;
}
/* +マーク（閉じた状態） */
.aco_ico::before,
.aco_ico::after {
	content: '';
	position: absolute;
	background-color: currentColor;
	transition: transform 0.3s ease, opacity 0.3s ease;
}
.aco_ico::before {
	width: 1px;
	height: 100%;
	left: 50%;
	transform: translateX(-50%);
}
.aco_ico::after {
	width: 100%;
	height: 1px;
	top: 50%;
	transform: translateY(-50%);
}
/* -マーク（開いた状態） */
.aco_wrap.open_sco .aco_ico::before {
	transform: translateX(-50%) rotate(90deg);
	opacity: 0;
}
.aco_wrap.open_sco .aco_ico::after {
	transform: translateY(-50%);
}