/** -------------------------------
 * mainview
 */

#mainview {
	margin-top: calc(30/375 * 100vw);
	background-color: #fff;
}

#mainview > .wrap {
	position: relative;
	width: 100%;
}

#mainview .swiper-container {

}

#mainview .swiper-wrapper {

}

#mainview .swiper-slide {
	position: relative;
	padding-top: calc(260/375 * 100vw);
}

#mainview .bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	padding-top: calc(260/375 * 100vw);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
}

#mainview .swiper-slide > .wrap {
	position: relative;
}

#mainview .inner {
	position: relative;
	width: 100%;
	height: 100%;
}
        /* item01 */

#mainview .item01 {

}

#mainview .item01 .bg {
	background-image: url(../IMAGES/SP/mainview01_img.jpg);
}



#mainview .swiper-button-prev {
	display: none;
}


#mainview .swiper-button-next {
	display: none;
}

#mainview .swiper-pagination {
	display: none;
}

#mainview + .articleBasicModule {
	border-top: none;
	padding-top: 0;
}



/** -------------------------------
 * panel
 */

.panel {
	clear: both;
	background-color: #fff;
}

.panel > .wrap {
	position: relative;
}

.panel .image {
	position: relative;
	width: 100%;
	padding-top: calc(475/375 * 100%);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.panel .image > .wrap {

}

.panel .bg {
	position: absolute;
	width: calc(4/375 * 100vw);
	height: 100%;
	top: 0;
	background-color: #C3082E;
}

.panel .content {
	position: absolute;
	top: 0;
	width: 53%;
	height: 100%;
}

.panel .content > .wrap {
	padding: 0 calc(25/375 * 100vw);
	padding-top: calc(40/375 * 100vw);
}

.panel .content .inner {

}

.panel .content .lead {
	display: none;
}

.panel .content .copy {
	margin-top: 0.2%;
	font-size: 16px;
	font-size: 4.267vw;
	font-weight: normal;
	color: #fff;
	line-height: 1.7;
	white-space: nowrap;
}

.panel .content .button {
	position: relative;
	display: table;
	width: calc(144/375 * 100vw);
	height: calc(40/375 * 100vw);
	background-color: rgba(255, 255, 255, 0.2);
	border: 1px solid rgba(255, 255, 255, 1);
	margin-top: calc(14/374 * 100vw);
	transition: opacity 0.4s cubic-bezier(0.31, 0.11, 0.19, 0.98) .10s;
	-o-transition: opacity 0.4s cubic-bezier(0.31, 0.11, 0.19, 0.98) .10s;
	-moz-transition: opacity 0.4s cubic-bezier(0.31, 0.11, 0.19, 0.98) .10s;
	-webkit-transition: opacity 0.4s cubic-bezier(0.31, 0.11, 0.19, 0.98) .10s;
}

.panel .content .button::after {
	content: '';
	display: block;
	width: 4%;
	padding-top: 4%;
	border-top: 3px solid #C3082E;
	border-right: 3px solid #C3082E;
	position: absolute;
	top: 50%;
	right: calc((14/132) * 100%);
	transform-origin: center;
	transform: translate(50%, -50%) rotate(45deg);
}

.panel .content .button span {
	display: table-cell;
	padding-left: calc(12/375 * 100vw);
	padding-right: calc(12/375 * 100vw);
	font-size: 12px;
	font-size: 3.2vw;
	color: #fff;
	line-height: 1;
	white-space: nowrap;
	vertical-align: middle;
}


/** -------------------------------
 * panel : panelAttraction
 */

.panel#panelAttraction {
	padding-top: 0;
}

.panel#panelAttraction .section {
	clear: both;
	margin-top: calc((30/375) * 100vw);
	margin-left: calc((12/375) * 100vw);
	margin-right: calc((12/375) * 100vw);
}

.panel#panelAttraction > .wrap {
	background-color: #000;
	position: relative;
}

.panel#panelAttraction .attraction_item_1 .image {
	background-image: url(../IMAGES/SP/panel_img01.jpg);
}

.panel#panelAttraction .attraction_item_1 .content,
.panel#panelAttraction .attraction_item_1 .content .bg {
	left: 0;
}

.panel#panelAttraction .attraction_item_2 .image {
	background-image: url(../IMAGES/SP/panel_img02.jpg);
}

.panel#panelAttraction .attraction_item_2 .content,
.panel#panelAttraction .attraction_item_2 .content .bg {
	right: 0;
}

.panel#panelAttraction .attraction_item_3 .image {
	background-image: url(../IMAGES/SP/panel_img03.jpg);
}

.panel#panelAttraction .attraction_item_3 .content,
.panel#panelAttraction .attraction_item_3 .content .bg {
	left: 0;
}


/** -------------------------------
* 2021.07.30追記
*/
#brand .info-outline {
	margin: 0 calc((30/375) * 100vw);
}
#brand .info-outline img {
	width: 100%;
}
#brand .info-outline .info-r {
	margin-top: 20px;
}
#brand .info-outline .info-r p {
	margin: 1em 0;
	font-size: 3.733vw;
	line-height: 1.57;
}
#brand .info-outline .info-r .cta-list {
	margin: 22px 0 14px;
}
#brand .info-outline .info-r .cta-list li {
	margin: 22px 0 14px;
}
#brand .info-outline .info-r .cta-list li a {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	font-size: 3.733vw;
	padding: 0.7em 2em 0.7em 1em;
	background-color: #c3002f;
	color: #fff;
}
#brand .info-outline .info-r .cta-list li a::after {
	content: "";
	color: #fff;
	position: absolute;
	width: calc(6 / 375 * 100vw);
	height: calc(6 / 375 * 100vw);
	border-top: calc(3 / 375 * 100vw) solid #fff;
	border-right: calc(3 / 375 * 100vw) solid #fff;
	margin: auto;
	top: 0;
	bottom: 0;
	right: calc(15 / 375 * 100vw);
	transform: rotate(45deg);
}