@charset "UTF-8";

.cf:after {
	content: "";
	clear: both;
	display: block;
}

main { display: block; }
img { vertical-align: bottom; }

body {
	font-family: 'Asap', 'Noto Sans Japanese', sans-serif;
	line-height: 1;
}

a { transition: all 0.3s ease; }
a.pic:hover { opacity: 0.6; }



.wrapper { min-width: 1240px; }
.container { width: 1080px; margin: 0 auto; }



header { background-color: red; padding-top: 66px; position: relative; }
header p.logo { position: absolute; top: 20px; right: 20px; }
header .leafMiles { position: absolute; top: 140px; right: 0; height: 154px; width: 40%; background-color: black; color: white; }
header .leafMiles::before {
	content: "";
	width: 154px;
	height: 154px;
	position: absolute;
	background: url(../images/leaf_circle.png) center center/cover no-repeat;
	top: 0;
	left: -77px;
} 
header .leafMiles .milesArea { padding: 15px 0 0 100px; width: 300px; }
.leafMiles .milesArea .milesTit { border: solid 1px red; padding: 5px; text-align: center; color: red; line-height: 1.35; font-size: 108%; }
.leafMiles .milesArea .milesNum { text-align: center; color: white; margin-top: 12px; }
.leafMiles .milesArea .milesNum .num { font-size: 480%; font-weight: 700; }
.leafMiles .milesArea .milesNum .km { font-size: 250%; margin-left: 8px; }

header .weeklyMilesFrm { position: absolute; bottom: 36px; right: 0; width: 40%; color: white; }
.weeklyMilesFrm .weeklyMilesBox { margin-left: 100px; min-width: 300px; box-sizing: border-box; color: red; text-align: center; background-color: white; padding: 5px 8px; display: inline-block; border-radius: 5px; }
.weeklyMilesBox span.num { font-size: 144%; font-weight: 700; } 
.weeklyMilesBox span.km { font-size: 90%; margin-left: 5px; } 

main.hv1112 { background: url(../images/map_1112.png) top center no-repeat; min-height: 1102px; }
main.hv1119 { background: url(../images/map_1119.png) top center no-repeat; min-height: 1102px; }
main.hv1126 { background: url(../images/map_1126.png) top center no-repeat; min-height: 1102px; }
main.hv1203 { background: url(../images/map_1203.png) top center no-repeat; min-height: 1102px; }
main.hv1210 { background: url(../images/map_1210.png) top center no-repeat; min-height: 1102px; }
main.hv1217 { background: url(../images/map_1217.png) top center no-repeat; min-height: 1102px; }
main.hv1224 { background: url(../images/map_1224.png) top center no-repeat; min-height: 1102px; }
main.hv1231 { background: url(../images/map_1231.png) top center no-repeat; min-height: 1102px; }
main.hv0107 { background: url(../images/map_0107.png) top center no-repeat; min-height: 1102px; }
main.hv0114 { background: url(../images/map_0114.png) top center no-repeat; min-height: 1102px; }
main .contArea { position: relative; padding: 75px 60px; }
.contArea .leadArea { width: 560px; }
.contArea p.badge { position: absolute; top: 80px; right: 200px; opacity: 0; transition: all 0.8s ease-in-out; }
.contArea p.badge.show { top: 100px; opacity: 1; }
.leadArea h1 { color: red; font-size: 240%; font-weight: 100; letter-spacing: 0.1em; }
.leadArea .leadCont { margin-top: 30px; line-height: 1.8; font-weight: 200; }
.leadArea .leafTxt { margin-top: 20px; line-height: 1.8; font-size: 120%; color: red; }
.leadArea .hvCD { margin-top: 40px; width: 270px; }
.leadArea .hvCD img { width: 100%; height: auto; }

footer .charas { background: red url(../images/foot_charas.png) center bottom no-repeat; height: 200px; }
footer .copy { text-align: center; color: white; font-size: 80%; background-color: black; padding: 8px; }

.fancybox-opened .fancybox-title { text-align: center; }
.fancybox-opened .fancybox-title p { margin-top: 5px; font-size: 85%; }

/* プロット地点 */
.contArea p.bln, .contArea p.charge, .contArea p.view { position: absolute; }
.contArea p.invisible { display: none }



/* 1月7日　設定 */
.charge28 { top: 921px; left: 55px; z-index: 10; }
.charge29 { top: 895px; left: 129px; z-index: 10; }
.charge30 { top: 850px; left: 114px; z-index: 10; }
.charge31 { top: 821px; left: 222px; z-index: 10; }
.charge32 { top: 801px; left: 292px; z-index: 10; }
.charge33 { top: 769px; left: 426px; z-index: 10; }
.charge34 { top: 758px; left: 489px; z-index: 10; }
.charge35 { top: 707px; left: 633px; z-index: 10; }
.charge36 { top: 724px; left: 688px; z-index: 10; }
.charge37 { top: 761px; left: 770px; z-index: 10; }
.charge38 { top: 719px; left: 870px; z-index: 10; }
.view10 { top: 693px; left: 915px; z-index: 10; }
.bln10 { top: 698px; left: 938px; z-index: 20; }
/* leftは実際のX値−100 */


/* 1月7日　設定 */
.charge26 { top: 850px; left: 139px; z-index: 10; }
.charge27 { top: 899px; left: 45px; z-index: 10; }
.view09 { top: 913px; left: 22px; z-index: 10; }
.bln09 { top: 942px; left: 34px; z-index: 20; }
/* leftは実際のX値−100 */


/* 12月31日　設定 */
.charge22 { top: 899px; left: 355px; z-index: 10; }
.charge23 { top: 775px; left: 402px; z-index: 10; }
.charge24 { top: 788px; left: 271px; z-index: 10; }
.charge25 { top: 807px; left: 170px; z-index: 10; }
.view08 { top: 826px; left: 147px; z-index: 10; }
.bln08 { top: 774px; left: 65px; z-index: 20; }
/* leftは実際のX値−100 */


/* 12月24日　設定 */
.charge20 { top: 781px; left: 524px; z-index: 10; }
.charge21 { top: 836px; left: 403px; z-index: 10; }
.view07 { top: 875px; left: 396px; z-index: 10; }
.bln07 { top: 899px; left: 378px; z-index: 20; }
/* leftは実際のX値−100 */


/* 12月17日　設定 */
.charge18 { top: 776px; left: 548px; z-index: 10; }
.view06 { top: 745px; left: 538px; z-index: 10; }
.charge19 { top: 756px; left: 513px; z-index: 10; }
.bln06 { top: 675px; left: 482px; z-index: 20; }
/* leftは実際のX値−100 */


/* 12月10日　設定 */
.charge17 { top: 737px; left: 578px; z-index: 10; }
.view05 { top: 763px; left: 570px; z-index: 10; }
.bln05 { top: 797px; left: 532px; z-index: 20; }
/* leftは実際のX値−100 */


/* 12月3日　設定 */
.charge13 { top: 670px; left: 925px; z-index: 10; }
.charge14 { top: 751px; left: 813px; z-index: 10; }
.charge15 { top: 743px; left: 713px; z-index: 10; }
.charge16 { top: 747px; left: 630px; z-index: 10; }
.view04 { top: 724px; left: 614px; z-index: 10; }
.bln04 { top: 757px; left: 608px; z-index: 20; }
/* leftは実際のX値−100 */


/* 11月26日　設定 */
.charge09 { top: 442px; right: 20px; z-index: 10; }
.charge10 { top: 449px; right: 47px; z-index: 10; }
.view03 { top: 476px; right: 48px; z-index: 10; }
.bln03 { top: 473px; right: -58px; z-index: 20; }
.charge11 { top: 521px; right: 78px; z-index: 10; }
.charge12 { top: 612px; right: 113px; z-index: 10; }



/* 11月19日　設定 */
.charge04 { top: 444px; right: 146px; z-index: 10; }
.charge05 { top: 463px; right: 83px; z-index: 10; }
.charge06 { top: 427px; right: 39px; z-index: 10; }
.charge07 { top: 399px; right: 21px; z-index: 10; }
.view02 { top: 378px; right: 3px; z-index: 10; }
.bln02 { top: 413px; right: -71px; z-index: 20; }
.charge08 { top: 388px; right: -20px; z-index: 10; }



/* 11月12日　設定 */
.bln00 { top: 671px; right: 37px; z-index: 20; }
.charge01 { top: 569px; right: 173px; z-index: 10; }
.charge02 { top: 498px; right: 190px; z-index: 10; }
.view01 { top: 426px; right: 166px; z-index: 10; }
.charge03 { top: 426px; right: 192px; z-index: 10; }
.bln01 { top: 437px; right: 202px; z-index: 20; }