/*
Author: Sofnet Solutions
*/

/* =============================================================
mvArea
============================================================= */
.mvArea .cntArea{color: #f69529;}

.mvArea .cntArea .ttl{
	width: max(55vw,530px);
	top: max(9vw,90px);
	left: max(1vw,30px);
	line-height: max(6vw,60px);
	font-size: max(5vw,48px);
	text-align: center;
	text-shadow:3px 3px 0 #FFF, -3px -3px 0 #FFF,
              -3px 3px 0 #FFF, 3px -3px 0 #FFF,
              0px 3px 0 #FFF,  0 -3px 0 #FFF,
              -3px 0 0 #FFF, 3px 0 0 #FFF;
}

.mvArea .cntArea .presented{
	left: 0;
	right: 0;
	line-height: max(4vw,45px);
	font-size:max(3vw,28px);
	color: #446031;
}

.mvArea .cntArea .holdingStore{
	display: inline-block;
	bottom: max(13vw,140px);
	left: max(23vw,220px);
	padding: 0 30px;
	font-size: max(2.5vw,24px);
	background-color: #a01242;
	border-radius: 30px;
	color: #fff;
}

.mvArea .cntArea .storeName{
	width: max(53vw,530px);
	top: max(39.5vw,390px);
	left: max(3vw,30px);
	font-size: max(3.2vw,32px);
	line-height: max(4.5vw,45px);
	color: #a01242;
	text-align: center;
	text-shadow:3px 3px 0 #FFF, -3px -3px 0 #FFF,
              -3px 3px 0 #FFF, 3px -3px 0 #FFF,
              0px 3px 0 #FFF,  0 -3px 0 #FFF,
              -3px 0 0 #FFF, 3px 0 0 #FFF;
}

.mvArea .cntArea .storeName > span{
	display: block;
	font-size:max(3vw,28px);
}

.mvArea .cntArea .eventDate{
	width: max(15vw,150px);
    bottom: max(1vw,10px);
    right: max(24vw,240px);
    padding: max(2.5vw,25px) max(3vw,30px) max(2.3vw,23px) max(2.4vw,24px);
	background:url(../../basepetphoto/images/img_day_bg.png) no-repeat top center / auto max(17vw,170px); 
	font-size: max(3vw,30px);
	line-height: max(3.8vw,38px);
	text-align: center;
	color: #fff;
}

.mvArea .cntArea .eventDate > span{
	font-size: max(5vw,50px);
	line-height: max(5vw,50px);
}

@media only screen and (max-width:640px){
	.mvArea .cntArea .ttl{
		width: auto;
		top: 11vw;
		right: 0;
		left: 0;
		font-size:8.5vw;
		text-align: center;
		line-height: 10vw;
	}
	
	.mvArea .cntArea .presented{
		font-size: 5vw;
		line-height: 7vw;
	}
	
	.mvArea .cntArea .holdingStore{
		bottom:auto;
		top: 52vw;
		left: 50%;
		padding: 0 20px;
		font-size: 4.5vw;
		transform: translateX(-50%);
	}
	
	.mvArea .cntArea .storeName {
		width: auto;
		top: 61vw;
    	left: 0;
		right: 0;
    	font-size: 5.5vw;
    	line-height: 6.5vw;
    	text-align: center;
	}
	
	.mvArea .cntArea .storeName > span{font-size: 5vw;}
	
	.mvArea .cntArea .eventDate{
		width: max(30vw, 150px);
		bottom: 3vw;
		right: auto;
		left: 5vw;
		padding: 6vw 5vw 4vw 4vw;
		background-size: auto 37vw;
		line-height: 8vw;
		font-size: 6vw;
	}
	
	.mvArea .cntArea .eventDate > span {
    	font-size: 11vw;
    	line-height: 11vw;
	}
}


/* mvArea ver.2�i202506�j
------------------------------------------------------- */

.mvArea .cntArea .ttl02{
    top: max(2.4vw, 25px);
    left: max(35vw, 378px);
    line-height: max(6.2vw, 65px);
    font-size: max(4.8vw, 46px);
    text-shadow: 4px 4px 0 #FFF, -4px -4px 0 #FFF, -4px 4px 0 #FFF, 4px -4px 0 #FFF, 0px 4px 0 #FFF, 0 -4px 0 #FFF, -4px 0 0 #FFF, 4px 0 0 #FFF;
}

.mvArea .cntArea .presented02{
    left: max(0.4vw, 4px);
	line-height: max(4.0vw,43px);
	font-size:max(2.2vw,23px);
    color: #446031;
    text-shadow: 3px 3px 0 #FFF, -3px -3px 0 #FFF, -3px 3px 0 #FFF, 3px -3px 0 #FFF, 0px 3px 0 #FFF, 0 -3px 0 #FFF, -3px 0 0 #FFF, 3px 0 0 #FFF;
}

.mvArea .cntArea .eventDateTtl02,
.mvArea .cntArea .holdingStore02{
	display: inline-block;
    min-width: 150px;
    padding: 3px 30px;
    font-size: max(1.6vw, 17px);
    box-sizing: border-box;
	background-color: #a01242;
	border-radius: 30px;
    color: #fff;
    text-align: center;
    transform: rotate(-0.05deg);
}

.mvArea .cntArea .eventDateTtl02{
	top: max(26.2vw,282px);
	left: max(40vw,432px);
}

.mvArea .cntArea .holdingStore02{
	top: max(36.2vw,382px);
	left: max(40vw,432px);
}

.mvArea .cntArea .eventDate02{
    width: max(56vw, 600px);
    top: max(29.5vw, 318px);
    left: max(40.4vw, 436px);
    color: #a01242;
	font-size: max(3vw,32px);
    text-shadow: 3px 3px 0 #FFF, -3px -3px 0 #FFF, -3px 3px 0 #FFF, 3px -3px 0 #FFF, 0px 3px 0 #FFF, 0 -3px 0 #FFF, -3px 0 0 #FFF, 3px 0 0 #FFF;
}

.mvArea .cntArea .eventDate02 > .weekday{
    margin-left: 3px;
	font-size: max(2vw,21px);
}

.mvArea .cntArea .storeName02{
    top: max(40.2vw, 418px);
    left: max(41vw, 410px);
    font-size: max(3vw, 30px);
    line-height: max(3.8vw, 33px);
    color: #a01242;
    text-shadow: 3px 3px 0 #FFF, -3px -3px 0 #FFF, -3px 3px 0 #FFF, 3px -3px 0 #FFF, 0px 3px 0 #FFF, 0 -3px 0 #FFF, -3px 0 0 #FFF, 3px 0 0 #FFF;
}

.mvArea .cntArea .storeName02 > span{
	display: block;
	font-size:max(2.4vw,24px);
}

@media only screen and (max-width:640px){
	.mvArea .cntArea .ttl02{
		top: 9.5vw;
		right: 0;
		left: 0;
		font-size:7vw;
		text-align: center;
		line-height: 9.5vw;
	}
	
	.mvArea .cntArea .presented02{
		left: 0;
		right: 0;
		font-size: 4.5vw;
		line-height: 7vw;
	}
	
    .mvArea .cntArea .eventDateTtl02,
	.mvArea .cntArea .holdingStore02{
        min-width: 120px;
		font-size: 3.4vw;
		transform: translateX(-50%);
	}
	
	.mvArea .cntArea .eventDateTtl02{
		bottom:auto;
		top: 48vw;
		left: 50%;
    }

	.mvArea .cntArea .holdingStore02{
		top: 66.5vw;
		left: 50%;
    }

    .mvArea .cntArea .eventDate02{
        top: 56.5vw;
        left: 0;
        right: 0;
        width: auto;
        padding: 0 7px;
        font-size: 5vw;
        line-height: 6.5vw;
        text-align: center;
    }

    .mvArea .cntArea .eventDate02 > .weekday{
        margin-left: 2px;
        font-size: 4.2vw;
    }

	.mvArea .cntArea .storeName02 {
		top: 75vw;
    	left: 0;
		right: 0;
        padding: 0 7px;
    	font-size: 5vw;
    	line-height: 7vw;
    	text-align: center;
	}
	
	.mvArea .cntArea .storeName02 > span{font-size: 4.5vw;}
}