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


/*
=========================================
Original Layout
=========================================
*/

.header{
	background-color: #e6dceb;
}
main{
	background-color: #fafaf0;
}


/*
=========================================
Overall page layout --feature-baymax
=========================================
*/

.feature-baymax{
	font-size: 1.3rem;
}
@media (max-width: 767px){
	.feature-baymax{
		font-size: 1.2rem;
	}
}
.feature-baymax .feature-character__product .products__size button{
	background-color: #fafaf0;
}
.feature-baymax .feature-character__product .products__size button.active{
	background-color: #aab4a0;
}


/*
=========================================
feature-baymax__intro
=========================================
*/

.feature-baymax__intro{
	background-color: #e6dceb;
	text-align: center;
	padding: 6.0rem 0;
}

.feature-baymax__intro .page-logo{
	max-width: 41.6rem;
	width: 100%;
	margin-inline: auto;
	margin-bottom: 1.0rem;
}
@media (max-width: 767px){
	.feature-baymax__intro .page-logo{
		width: 80%;
	}
}
.feature-baymax__intro .page-character{
	max-width: 36.4rem;
	width: 100%;
	margin-inline: auto;
	margin-bottom: 4.0rem;
}
@media (max-width: 767px){
	.feature-baymax__intro .page-character{
		width: 65%;
	}
}

.feature-baymax__intro p{
	font-size: 1.6rem;
	margin-bottom: 1.0rem;
}
@media (max-width: 767px){
	.feature-baymax__intro p{
		font-size: 1.4rem;
		margin-bottom: 4.0rem;
	}
}

.feature-baymax__set .set-pc{
	max-width: 90.0rem;
	width: 100%;
	margin-left: 1.2rem;
}
@media (max-width: 767px){
	.feature-baymax__set .set-pc{
		margin-left: 0;
	}
	.feature-baymax__set .copy-sp{
		width: 38%;
		margin-inline: auto;
		margin-bottom: 1.0rem;
	}
}

/*
=========================================
feature-baymax__occasion
=========================================
*/

.feature-baymax__occasion{
	margin-top: 6.0rem;
	margin-bottom: 12.0rem;
	text-align: center;
	color: #73b4e6;
	font-weight: 500;
}
@media (max-width: 767px){
	.feature-baymax__occasion{
		margin-bottom: 10.0rem;
	}
}

/*  pj party --- Intro */

.feature-baymax__occasion .pj-party-intro{
	margin-bottom: 8.0rem;
}
.feature-baymax__occasion .pj-party-intro img{
	max-width: 99.2rem;
	width: 100%;
	margin-inline: auto;
	margin-bottom: 4.0rem;
}
@media (max-width: 767px){
	.feature-baymax__occasion .pj-party-intro img{
		margin-bottom: 2.5rem;
	}
}
.feature-baymax__occasion .pj-party-intro p{
	font-size: 1.6rem;
}
@media (max-width: 767px){
	.feature-baymax__occasion .pj-party-intro p{
		font-size: 1.4rem;
	}
}


/*  pj party --- Day  */

.feature-baymax__occasion .scene-01 .pj-party-img{
	margin-bottom: 2.0rem;
}


.feature-baymax__occasion .pj-party-scene{
	overflow: hidden;
}
.feature-baymax__occasion .pj-party-scene:not(.scene-06){
	margin-bottom: 10.0rem;
}
@media (max-width: 767px){
	.feature-baymax__occasion .pj-party-scene:not(.scene-06){
		margin-bottom: 8.0rem;
	}
}

.feature-baymax__occasion .pj-party-img--h{
	max-width: 58.6rem;
	width: 100%;
	margin-inline: auto;
	margin-bottom: 2.0rem;
	border-radius: 6%;
}
.feature-baymax__occasion .pj-party-img--v{
	max-width: 43.8rem;
	width: 100%;
	margin-inline: auto;
	margin-bottom: 2.0rem;
	border-radius: 6%;
}
@media (max-width: 767px){
	.feature-baymax__occasion .pj-party-img--h,.feature-baymax__occasion .pj-party-img--v{
		width: 85%;
	}
}

.feature-baymax__occasion .pj-party-time{
	height: 12.0rem;
	width: auto;
	margin-inline: auto;
	margin-bottom: 1.0rem;
}
@media (max-width: 767px){
	.feature-baymax__occasion .pj-party-time{
		height: 10.0rem;
	}
}


.feature-baymax__occasion .pj-party-night .scene-02,.feature-baymax__occasion .pj-party-morning .scene-06{
	position: relative;
}
.feature-baymax__occasion .pj-party-night .scene-02 .is-absolute,.feature-baymax__occasion .pj-party-morning .scene-06 .is-absolute{
	position: absolute;
	bottom: 0;
	right: 0;
	max-width: 30.4rem;
	width: 100%;
	border-radius: 50%;
}
@media (max-width: 889px){
	.feature-baymax__occasion .pj-party-night .scene-02 .is-absolute{
		top: 42%;
		width: 35%;
	}
	.feature-baymax__occasion .pj-party-morning .scene-06 .is-absolute{
		bottom: 10%;
		width: 35%;
	}
}
@media (max-width: 599px){
	.feature-baymax__occasion .pj-party-morning .scene-06 .is-absolute{
		bottom: 18%;
	}
}
.feature-baymax__occasion .pj-party-morning .scene-06 .is-absolute.left{
	left: 0;
}


/*  pj party --- Night  */
.feature-baymax__occasion .pj-party-night .scene-03 div{
	display: flex;
	gap: 3%;
	justify-content: center;
}
.feature-baymax__occasion .pj-party-night .scene-03 .pj-party-img--v{
	margin-inline: 0;
	min-width: 0;
}

/*  pj party --- Morning  */
.feature-baymax__occasion .pj-party-morning{
	color: #f0b9b9;
	font-weight: 600;
}