@charset "UTF-8";

/*tmp overwrite*/
/*-------------------------------------------------------*/
#header{ position: relative; z-index: 5000; }
#footer{ z-index: 5000; position: relative; }
#footer .contain{ display: none; }
.article{ min-height: 0; }
.btn-top-sp{ display: none !important; }



/*initialize*/
/*-------------------------------------------------------*/
#cp-content{ overflow: hidden; background-color: #ce1422; }
#cp-content *{ font-family: 'YakuHanJP','Noto Sans Japanese',sans-serif; }
#cp-content a{ display: block; }
#cp-content img{ width: 100%; height: auto; line-height: 0; vertical-align: middle; }
#cp-content .defs{ position: absolute; z-index: -9999; width: 0; height: 0; overflow: hidden; }
#cp-content .sp{ display: none; }


@media only screen and (max-width: 767px) {
	#cp-content .pc{ display: none; }
	#cp-content .sp{ display: block; }
	#cp-content img.sp{ display: inline; }
}



/*contetnt*/
/*-------------------------------------------------------*/
#loader-bg{ background: #cc1422; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 3999; }
#loader{ position: fixed; width: 368px; margin-top: 63px; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 4000; }
#loader .illust{ position: absolute; left: 0; top: 0; width: 58.6957%; margin: 25.2925% 0 0 21.3096%; padding-top: 39.2749%; overflow: hidden; }
#loader .illust img{ position: absolute; left: 0; top: 0; width: 100%; }
#loader .txt{ position: absolute; left: 0; top: 0; width: 41.7090%; margin: 62.1738% 0 0 29.1530%;  }
#cp-content .kv{ width: 100%; padding-top: 41.4706%; /*padding-top: 564px;*/ position: relative; }
#cp-content .kv > *{ position: absolute; left: 0; top: 0; }
#cp-content .kv .ttl{ width: 42.6471%; margin: 4.7794% 0 0 12.5735%; z-index: 20; }
#cp-content .kv .deco01{ width: 95.5147%; margin: 1.6365% 0 0 2.3318%; }
#cp-content .kv .deco02{ width: 102.5%; margin: 5.2941% 0 0 -0.5882%; }
#cp-content .kv .tree01{ width: 18.2502%; margin: 19.0441% 0 0 -1.6176%; transform-origin: center bottom; }
#cp-content .kv .tree02{ width: 31.0044%; margin: 6.3235% 0 0 74.6501%; transform-origin: center bottom; }
#cp-content .kv .choir{ width: 39.5588%; margin: 8.6974% 0 0 52.3976%; z-index: 5; transform-origin: center bottom; }
#cp-content .kv .choir .illust{ position: absolute; left: 0; top: 0; width: 100%; opacity: 0; }
#cp-content .kv .choir .illust01{ opacity: 1; position: relative; }
#cp-content .kv .date{ width: 39.8529%; margin: 31.5823% 0 0 51.9386%; z-index: 20; }
#cp-content .kv .bubble-canvas{ width: 100%; height: 150%; }
#cp-content .kv .bubble-canvas canvas{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; }
#cp-content .kv .bubble{ opacity: 0; }
#cp-content .layer{ position: relative; }
#cp-content .layer01{ z-index: 10; margin-top: -4.6324%; padding-bottom: 11.0294%; }
#cp-content .layer01 .deco{ position: absolute; left: 0; top: 0; pointer-events: none; }
#cp-content .layer01 .deco01{ z-index: 2; }
#cp-content .layer01 .present{ position: relative; border-top: 1px solid transparent; }
#cp-content .layer01 .present .deco02{ width: 29.0441%; z-index: 1; margin: 30.4632% 0 0 -6.9555%; }
#cp-content .layer01 .present .deco03{ width: 45.1471%; z-index: 1; margin: 34.8097% 0 0 80.3594%; }
#cp-content .layer01 .present .deco04{ width: 12.2059%; z-index: 50; margin: 22.871% 0 0 8.0293%; }
#cp-content .layer01 .present .inner-body{ width: 70.2206%; /*width: 955px;*/ position: relative; z-index: 20; margin: 18.4779% 0 0 14.8899%; }
#cp-content .layer01 .present .inner-body > *{ position: absolute; left: 0; top: 0; }
#cp-content .layer01 .present .inner-body .bg01{ position: relative; z-index: 30; pointer-events: none; }
#cp-content .layer01 .present .inner-body .shadow{ width: 100%; height: 100%; margin: 2.6178% 0 0 2.0942%; z-index: 1; pointer-events: none; z-index: 19; }
#cp-content .layer01 .present .inner-body .deco05{ width: 84.6073%; margin: 25.5645% 0 0 7.9036%; z-index: 50; pointer-events: none; }
#cp-content .layer01 .present .inner-body .ttl{ width: 50.9948%; margin: -7.7962% 0 0 25.5227%!important; z-index: 120; }
#cp-content .layer01 .present .inner-body .head{ width: 59.7988%; margin: 10.7532% 0 0 15.1055%; z-index: 120; }
#cp-content .layer01 .present .inner-body .caption{ width: 100%; margin: 25.8506% 0 0 0; z-index: 120; font-size: 0.8823vw; line-height: 1.5; color: #8d2a8a; text-align: center; }
#cp-content .layer01 .present .inner-body .bubble{ width: 16.7539%; margin: 4.7710% 0 0 78.5707%; z-index: 120; }
#cp-content .layer01 .present .inner-body .item01{ width: 34.8691%; margin: 22.3458% 0 0 11.5438%; z-index: 100; }
#cp-content .layer01 .present .inner-body .item01 .photo{ width: 100.9009%; margin-left: -0.9009%; }
#cp-content .layer01 .present .inner-body .item01 .txt{ position: absolute; left: 0; top: 0; width: 87.6877%; margin: 86.2011% 0 0 6.3834%; }
#cp-content .layer01 .present .inner-body .or{ width: 9.8429%; margin: 34.0053% 0 0 45.0881%; z-index: 120; }
#cp-content .layer01 .present .inner-body .item02{ width: 34.8691%; margin: 22.5058% 0 0 53.7013%; z-index: 100; }
#cp-content .layer01 .present .inner-body .item02 .txt{ position: absolute; left: 0; top: 0; width: 112.3123%; margin: 84.0993% 0 0 -6.5973%; }
#cp-content .layer01 .wchance{ position: relative; border-top: 1px solid transparent; margin-top: 20.3676%; }
#cp-content .layer01 .wchance .deco{ position: absolute; left: 0; top: 0; pointer-events: none; }
#cp-content .layer01 .wchance .deco01{ width: 24.4117%; z-index: 1; margin: -15.5147% 0 0 82.5355%; }
#cp-content .layer01 .wchance .deco02{ width: 97.0588%; z-index: 50; margin: -5.2058% 0 0 1.7937%; }
#cp-content .layer01 .wchance .ttl{ position: absolute; left: 0; top: 0; width: 53.8971%; margin: -18.8352% 0 0 24.8131%!important; z-index: 120; }
#cp-content .layer01 .wchance .inner-body{ width: 46.9117%; /*width: 638px;*/ position: relative; z-index: auto; }
#cp-content .layer01 .wchance .inner-body > *{ position: absolute; left: 0; top: 0; }
#cp-content .layer01 .wchance .inner-body .bg01{ position: relative; z-index: 30; pointer-events: none; }
#cp-content .layer01 .wchance .inner-body .shadow{ width: 100%; height: 100%; margin: 2.6178% 0 0 2.0942%; z-index: 1; pointer-events: none; }
#cp-content .layer01 .wchance .inner-body .item{ position: absolute; left: 0; top: 0; z-index: 100; }
#cp-content .layer01 .wchance .inner-body .item .prize{ position: absolute; left: 0; top: 0; z-index: 10; }
#cp-content .layer01 .wchance .inner-body .item .txt{ font-size: 1.6911vw; line-height: 1.2997; color: #003b94; font-weight: bold; white-space: nowrap; margin-top: 0.5147vw; }
#cp-content .layer01 .wchance .inner-body01{ margin: 0 0 0 6.2936%; }
#cp-content .layer01 .wchance .inner-body01 .bg01{ z-index: 31; }
#cp-content .layer01 .wchance .inner-body01 .item{ width: 38.4013%; /*width: 245px;*/ margin-top: 15.0558%; }
#cp-content .layer01 .wchance .inner-body01 .item01{ margin-left: 9.9088%; }
#cp-content .layer01 .wchance .inner-body01 .item02{ margin-left: 52.3716%; }
#cp-content .layer01 .wchance .inner-body01 .item .prize{ width: 47.7551%; margin: -30.7216% 0 0 -13.2376%; }
#cp-content .layer01 .wchance .inner-body01 .item01 .txt{ transform: scaleX(0.93); transform-origin: 0 0; }
#cp-content .layer01 .wchance .inner-body02{ margin: -27.7396% 0 0 47.1653%; }
#cp-content .layer01 .wchance .inner-body02 .item{ width: 33.6991%; /*width: 215px;*/ margin-top: 14.7423%; }
#cp-content .layer01 .wchance .inner-body02 .item03{ margin-left: 17.6041%; }
#cp-content .layer01 .wchance .inner-body02 .item04{ margin-left: 55.3784%; }
#cp-content .layer01 .wchance .inner-body02 .item .prize{ width: 54.4186%; margin: -37.7993% 0 0 -13.6893%; }
#cp-content .layer01 .wchance .caption{ width: 62.7941%; margin: 3.6764% auto 0; font-size: 0.8823vw; line-height: 1.6666; color: #ffffff; }
#cp-content .layer02 .deco{ position: absolute; left: 0; top: 0; pointer-events: none; z-index: 5; }
#cp-content .layer02 .deco01{ width: 100%; padding-top: 14.3382%; top: auto; bottom: 100%; margin-bottom: -1px; }
#cp-content .layer02 .deco01 img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
#cp-content .layer02 .deco02{ width: 130.9558%; margin: -6.1009% 0 0 -12.5407%; }
#cp-content .layer02 .lineup{ position: relative; background-color: #003b94; border-top: 1px solid transparent; padding-bottom: 25.8088%; }
#cp-content .layer02 .lineup .ttl{ width: 46.6176%; margin: -5.1470% 0 0 26.7256%!important; z-index: 10; position: relative; }
#cp-content .layer02 .lineup .car-list{ width: 88.2353%; /*width: 1200px;*/ margin: 5% auto 0; display: flex; display: -ms-flex; justify-content: space-between; flex-wrap: wrap; z-index: 10; }
#cp-content .layer02 .lineup .car-list .item{ width: 31.6667%; /*width: 380px;*/ position: relative; }
#cp-content .layer02 .lineup .car-list .item03~.item{ margin-top: 5.75%; }
#cp-content .layer02 .lineup .car-list .item *{ color: #231815; }
#cp-content .layer02 .lineup .car-list .item .bg01{ width: 100.2632%; margin-left: -0.1316%; position: relative; z-index: 7; pointer-events: none; }
#cp-content .layer02 .lineup .car-list .item .shadow{ width: 100.2632%; margin: 2.5% 0 0 2.3684%; position: absolute; left: 0; top: 0; z-index: 6; pointer-events: none; }
#cp-content .layer02 .lineup .car-list .item .logo{ width: 36.8421%; position: absolute; left: 0; top: 0; z-index: 10; margin: -4.7368% 0 0 -3.1579%; }
#cp-content .layer02 .lineup .car-list .item .photo{ position: absolute; left: 0; top: 0; width: 97.3684%; margin: 76.0526% 0 0 1.3158%; z-index: 10; transform: translateY(-100%); }
#cp-content .layer02 .lineup .car-list .item .price-body{ position: absolute; left: 0; top: 0; width: 84.2105%; height: 15vw; margin: 76.0526% 0 0 7.8947%; background-color: #ffffff; border-radius: 1.4705vw; z-index: 10; text-align: center; padding-top: 5.5789%; box-sizing: border-box; }
#cp-content .layer02 .lineup .car-list .item .price-body .txt01{ font-size: 1.0294vw; line-height: 1.5; font-weight: bold; }
#cp-content .layer02 .lineup .car-list .item .price-body .txt02{ font-size: 0.8823vw; line-height: 1.5; margin-top: 3.75%; }
#cp-content .layer02 .lineup .car-list .item .price-body .txt02 .word{ display: block; }
#cp-content .layer02 .lineup .car-list .item .price-body .txt02 .price{ display: block; width: 87.5%; margin: 2.1875% auto 0; }
#cp-content .layer02 .lineup .car-list .item .price-body .txt03{ font-size: 0.8823vw; line-height: 1.5; margin-top: 3.125%; }
#cp-content .layer02 .lineup .car-list .item .price-body .txt03 .num{ font-size: 250%; line-height: 1; font-weight: bold; }
#cp-content .layer02 .lineup .car-list .item .txt04{ font-size: 0.7940vw; line-height: 1.6571; position: absolute; left: 0; top: 0; margin: 133.6842% 0 0 5%; z-index: 10; text-align: center; width: 90%; }
#cp-content .layer02 .lineup .car-list .item .navi{ position: absolute; left: 0; bottom: 0; width: 78.9474%; z-index: 10; margin: 0 0 11.0526% 10.5263%; }
#cp-content .layer02 .lineup .car-list .item .navi a{ display: block; position: relative; line-height: 0; box-shadow: 0.2941vw 0.2205vw 0 #000000; border-radius: 2.3161vw; background-color: #000000; }
#cp-content .layer02 .lineup .car-list .item08 .price-body{ height: 16.8911vw; }
#cp-content .layer02 .lineup .car-list .item08 .txt04{ margin-top: 140.2796%; }
#cp-content .layer02 .lineup .caption{ width: 88.2353%; font-size: 0.8823vw; line-height: 1.5; color: #ffffff; margin: 1.9852% auto 0; position: relative; z-index: 10; }
#cp-content .layer03 .deco{ position: absolute; left: 0; top: 0; pointer-events: none; z-index: 5; }
#cp-content .layer03 .deco01{ width: 100%; padding-top: 13.5294%; top: auto; bottom: 100%; margin-bottom: -1px; }
#cp-content .layer03 .deco01 img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
#cp-content .layer03 .deco02{ width: 114.2647%; margin: -10.9352% 0 0 -8.2826%; }
#cp-content .layer03 .campaign{ position: relative; background-color: #006939; border-top: 1px solid transparent; padding-bottom: 23.9705%; }
#cp-content .layer03 .campaign .ttl{ width: 50.5147%; margin: -8.6562% 0 0 24.6137%!important; z-index: 10; position: relative; }
#cp-content .layer03 .campaign .bnr{ width: 78.3823%; /*width: 1066px;*/ margin-left: 10.7355%; position: relative; }
#cp-content .layer03 .campaign .bnr a{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0); z-index: 20; }
#cp-content .layer03 .campaign .bnr .photo{ position: relative; width: 100.2814%; margin-left: -0.1407%; z-index: 10; }
#cp-content .layer03 .campaign .bnr .shadow{ position: absolute; width: 100.2814%; left: 0; top: 0; width: 100%; margin: 1.871% 0 0 0.9355%; z-index: 6; }
#cp-content .layer03 .campaign .bnr01{ margin-top: 4.1176%; }
#cp-content .layer03 .campaign .bnr02{ margin-top: 4.3382%; }
#cp-content .layer04{ background-color: #d7b450; border-top: 1px solid transparent; }
#cp-content .layer04 .deco{ position: absolute; left: 0; top: 0; pointer-events: none; z-index: 5; }
#cp-content .layer04 .deco01{ width: 100%; padding-top: 13.4558%; top: auto; bottom: 100%; margin-bottom: -1px; }
#cp-content .layer04 .deco01 img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
#cp-content .layer04 .deco02{ width: 108.8235%; margin: -2.9452% 0 0 -4.8150%; }
#cp-content .layer04 .support{ margin-top: -14.0617%; }
#cp-content .layer04 .support .ttl{ width: 48.0882%; margin: 0 0 0 27.4423%!important; position: relative; z-index: 10; }
#cp-content .layer04 .support .support-body{ width: 78.3824%; /*width: 1066px;*/ margin: -2.3318% 0 0 10.8088%; position: relative; z-index: 8; }
#cp-content .layer04 .support .support-body .bg01{ width: 100.1876%; margin-left: -0.0938%; position: relative; z-index: 7; pointer-events: none; }
#cp-content .layer04 .support .support-body .shadow{ width: 100.1876%; margin: 1.871% 0 0 0.9355%; position: absolute; left: 0; top: 0; z-index: 6; pointer-events: none; }
#cp-content .layer04 .support .support-body .deco{ z-index: 10; line-height: 0; }
#cp-content .layer04 .support .support-body .deco03{ width: 0.6904%; margin: 9.1931% 0 0 35.1060%; }
#cp-content .layer04 .support .support-body .deco04{ width: 0.6904%; margin: 9.1931% 0 0 64.1867%; }
#cp-content .layer04 .support .support-body .deco05{ width: 80.3939%; margin: 31.1802% 0 0 9.8029%; }
#cp-content .layer04 .support .support-body .deco06{ width: 0.6904%; margin: 34.3339% 0 0 49.6474%; }
#cp-content .layer04 .support .support-body .item{ width: 21.1069%; padding-top: 19.7937%; position: absolute; left: 0; top: 0; z-index: 10; }
#cp-content .layer04 .support .support-body .item01{ margin: 9.1931% 0 0 10.0375%; }
#cp-content .layer04 .support .support-body .item02{ margin: 9.1931% 0 0 39.4465%; }
#cp-content .layer04 .support .support-body .item03{ margin: 9.1931% 0 0 68.4803%; }
#cp-content .layer04 .support .support-body .item04{ margin: 34.3338% 0 0 17.9174%; }
#cp-content .layer04 .support .support-body .item05{ margin: 34.3338% 0 0 61.1632%; }
#cp-content .layer04 .support .support-body .item .txt{ position: absolute; left: 0; top: 0; }
#cp-content .layer04 .support .support-body .item01 .txt{ width: 96%; margin: 6.7982% 0 0 1.0616%; }
#cp-content .layer04 .support .support-body .item02 .txt{ width: 106.2222%; margin: 3.6293% 0 0 -4.394%; }
#cp-content .layer04 .support .support-body .item03 .txt{ width: 98.2222%; margin: 6.8351% 0 0 -0.3073%; }
#cp-content .layer04 .support .support-body .item04 .txt{ width: 115.5556%; margin: 1.5559% 0 0 -7.6662%; }
#cp-content .layer04 .support .support-body .item05 .txt{ width: 167.5556%; margin: 3.7782% 0 0 -34.8813%; }
#cp-content .layer04 .support .support-body .item .navi{ position: absolute; left: 0; bottom: 0; width: 100%; margin-bottom: 4.3211%; }
#cp-content .layer04 .support .support-body .item .navi a{ display: block; position: relative; line-height: 0; box-shadow: 0.2941vw 0.2205vw 0 #000000; border-radius: 2.3161vw; background-color: #000000; }
#cp-content .layer04 .shop{ margin-top: 11.0959%; position: relative; z-index: 10; }
#cp-content .layer04 .shop .ttl{ width: 46.9117%; margin: 0 auto!important; }
#cp-content .layer04 .shop .txt{ font-size: 1.0294vw; line-height: 1.5; color: #006939; margin-top: 1.1029%; text-align: center; }

#cp-content .layer04 .shop .area-navi{ display: flex; justify-content: space-between; flex-wrap: wrap; margin: 2.9411% auto 0; width: 67.6470%; position: relative; }
#cp-content .layer04 .shop .area-navi .navi{ width: 31.5217%; position: relative; }
#cp-content .layer04 .shop .area-navi .navi:nth-child(n+4){ margin-top: 2.1739%; }
#cp-content .layer04 .shop .area-navi .navi::before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.2); transform: translate(0.3676vw,0.3676vw); border-radius: 2.2058vw; }
#cp-content .layer04 .shop .area-navi .navi a{ display: block; width: 100%; background-color: #ffffff; box-sizing: border-box; color: #006939; text-decoration: none; font-size: 1.4705vw; line-height: 1.5; font-weight: bold; padding: 0.7720vw 0; border-radius: 2.2058vw; position: relative; text-align: center; border: 0.3676vw solid #006939; }
#cp-content .layer04 .shop .area-navi .navi a::after{ content: ''; width: 0.59vw; height: 0.59vw; border: solid #006939; border-width: 0 0.2205vw 0.2205vw 0; position: absolute; right: 9.09%; top: 50%; transform: translate(50%, -50%) rotate(45deg); margin-top: -0.15vw; }
#cp-content .layer04 .shop .area-result{ padding: 0; margin: 0 auto; width: 69.8529%; /*width: 950px;*/ box-sizing: border-box; overflow: hidden; position: relative; }
#cp-content .layer04 .shop .area-result .result-ttl{ font-size: 2.2058vw; line-height: 1.5; color: #ffffff; margin: 5.2631% 0 1.5789%; text-align: center; padding: 0.5514vw 0; background-color: #006939; border-radius: 2.2058vw; }
#cp-content .layer04 .shop .area-result .result-list .item{ background-color: #ffffff; display: flex; align-items: center; justify-content: space-between; border-radius: 3.3088vw; padding: 1.8421% 3.6842%; }
#cp-content .layer04 .shop .area-result .result-list .item+.item{ margin-top: 1.5789%; }
#cp-content .layer04 .shop .area-result .result-list .item .name{ font-size: 1.4705vw; line-height: 1.5; font-weight: bold; flex: 1; text-align: left; padding-right: 1.47vw; color: #006939; }
#cp-content .layer04 .shop .area-result .result-list .item .navi-list{ display: -ms-flex; display: flex; justify-content: space-between; }
#cp-content .layer04 .shop .area-result .result-list .item .navi-list .navi+.navi{ margin-left: 1.47vw; width: 14.71vw; }
#cp-content .layer04 .shop .area-result .result-list .item a{ display: block; font-size: 1.1764vw; line-height: 1.5; color: #ffffff; background-color: #006939; box-sizing: border-box; padding: 0.8088vw 3.6764vw; border: 0.3676vw solid #000000; border-radius: 2.0220vw; text-decoration: none; text-align: center; position: relative;  box-shadow: 0.2941vw 0.2205vw 0 #000000; }
#cp-content .layer04 .shop .area-result .result-list .item a::before{ content: ''; width: 0.51vw; height: 0.51vw; border: solid #ffffff; border-width: 0.22vw 0.22vw 0 0; position: absolute; right: 1.69vw; top: 50%; transform: translateY(-50%) rotate(45deg); }
#cp-content .layer04 .cp-footer{ margin-top: 11.7647%; padding-bottom: 5.1471%; position: relative; }
#cp-content .layer04 .cp-footer .deco07{ top: auto; bottom: 0; }
#cp-content .layer04 .cp-footer .bnr{ width: 78.3824%; padding-top: 15.8824%; margin: 0 auto; position: relative; z-index: 10; }
#cp-content .layer04 .cp-footer .bnr .deco08{ width: 39.8687%; margin: -4.9412% 0 0 0.0938%; }
#cp-content .layer04 .cp-footer .bnr .txt{ position: absolute; left: 0; top: 0; width: 55.4409%; margin: 0.0938% 0 0 35.7623%; }
#cp-content .layer04 .cp-footer .bnr .navi{ position: absolute; left: 0; top: 0; width: 28.9868%; margin: 13.5084% 0 0 61.9136%; }
#cp-content .layer04 .cp-footer .bnr .navi a{ display: block; position: relative; line-height: 0; box-shadow: 0.2941vw 0.2205vw 0 #000000; border-radius: 2.5367vw; background-color: #000000; }
#cp-content .layer04 .cp-footer .txt-body{ width: 78.3824%; margin: 9.5588% auto 0; position: relative; z-index: 20; }
#cp-content .layer04 .cp-footer .txt-body .bg01{ width: 100.1876%; height: 100%; margin-left: -0.0938%; position: absolute; z-index: 7; pointer-events: none; }
#cp-content .layer04 .cp-footer .txt-body .shadow{ width: 100.1876%; height: 100%; margin: 1.4071% 0 0 0.9380%; position: absolute; left: 0; top: 0; z-index: 6; pointer-events: none; }
#cp-content .layer04 .cp-footer .txt-body img{ width: 100%; height: 100%; }
#cp-content .layer04 .cp-footer .txt-body .caption-body{ width: 91.9324%; padding: 3.3316% 0; position: relative; z-index: 10; margin: 0 auto; }
#cp-content .layer04 .cp-footer .txt-body .caption-body .caption{ color: #000000; font-size: 1.0294vw; line-height: 1.7857; }
#cp-content .layer04 .cp-footer .txt-body .caption-body .caption+.caption{ margin-top: 2.2551%; }
#cp-content .layer04 .cp-footer .txt-body .caption-body .caption .icon{ width: 1.0359vw; display: inline-block; vertical-align: middle; }




@media only screen and (max-width: 767px) { /*767px以下*/
	#loader{ width: 70%; max-width: 368px; margin-top: 28px; }
	#cp-content .kv{ padding-top: 126.6666%; /*padding-top: 475px;*/ }
	#cp-content .kv .ttl{ width: 84.2666%; margin: 9.7296% 0 0 11.8026%; }
	#cp-content .kv .deco01{ width: 94.5285%; margin: 3.0017% 0 0 3.4148%; }
	#cp-content .kv .deco02{ width: 100%; margin: 68.3457% 0 0 0; }
	#cp-content .kv .tree01{ width: 34.6596%; margin: 75.4666% 0 0 -5.6000%; transform-origin: center bottom; }
	#cp-content .kv .tree02{ width: 53.9118%; margin: 65.3333% 0 0 65.3333%; transform-origin: center bottom; }
	#cp-content .kv .choir{ width: 78.0381%; margin: 66.7849% 0 0 11.3829%; }
	#cp-content .kv .date{ width: 81.0127%; margin: 106.8399% 0 0 9.7853%; }
	#cp-content .layer{ position: relative; }
	#cp-content .layer01{ margin-top: -10.1333%; padding-bottom: 24.5333%; }
	#cp-content .layer01 .present .deco02{ width: 97.3333%; margin: 162.8885% 0 0 0; }
	#cp-content .layer01 .present .deco03{ width: 31.46665%; left: auto; right: 0; margin: 99.3486% 0 0 0; }
	#cp-content .layer01 .present .deco04{ width: 19.2%; margin: 29.4265% 0 0 -2.5877%; }
	#cp-content .layer01 .present .inner-body{ width: 96.22144%; /*width: 360px;*/ margin: 35.1999% 0 0 1.8193%; }
	#cp-content .layer01 .present .inner-body .shadow{ margin: 2.6666vw 0 0 1.6vw; }
	#cp-content .layer01 .present .inner-body .ttl{ width: 62.5048%; margin: -10.7390% 0 0 19.1469%!important; }
	#cp-content .layer01 .present .inner-body .head{ width: 84.7222%; margin: 8.1882% 0 0 5.6049%; }
	#cp-content .layer01 .present .inner-body .caption{ margin: 42.3815% 0 0 0; font-size: 2.9333vw; }
	#cp-content .layer01 .present .inner-body .bubble{ width: 60.6273%; margin: 50.6915% 0 0 19.8154%; }
	#cp-content .layer01 .present .inner-body .item01{ width: 79.1666%; margin: 47.9164% 0 0 10.8055%; z-index: 10; }
	#cp-content .layer01 .present .inner-body .item01 .photo{ width: 100%; margin-left: 0; }
	#cp-content .layer01 .present .inner-body .item01 .txt{ width: 80.8601%; margin: 72.3927% 0 0 9.3176%; }
	#cp-content .layer01 .present .inner-body .or{ width: 16.3888%; margin: 123.0440% 0 0 42.1326%; }
	#cp-content .layer01 .present .inner-body .item02{ width: 79.1666%; margin: 141.9511% 0 0 10.4647%; }
	#cp-content .layer01 .present .inner-body .item02 .txt{ width: 72.5285%; margin: 63.2170% 0 0 13.5836%; }
	#cp-content .layer01 .wchance{ margin-top: 176.2354%; }
	#cp-content .layer01 .wchance .deco{ position: absolute; left: 0; top: 0; pointer-events: none; }
	#cp-content .layer01 .wchance .deco01{ width: 22.1333%; z-index: 50; left: auto; right: 0; margin: 107.2576% 0 0 0; }
	#cp-content .layer01 .wchance .deco02{ width: 95.4666%; z-index: 50; margin: 248.1825% 0 0 0; }
	#cp-content .layer01 .wchance .sp-book-bg{ width: 96.5333%; margin-left: 1.8625%; position: relative; }
	#cp-content .layer01 .wchance .sp-book-bg > *{ position: absolute; left: 0; top: 0; }
	#cp-content .layer01 .wchance .sp-book-bg .bg01{ position: relative; z-index: 30; pointer-events: none; }
	#cp-content .layer01 .wchance .sp-book-bg .shadow{ width: 100%; height: 100%; margin: 2.6666vw 0 0 1.6vw; z-index: 1; pointer-events: none; }
	#cp-content .layer01 .wchance .ttl{ width: 80.2946%; margin: -3.9201% 0 0 8.4536%!important; }
	#cp-content .layer01 .wchance .sp-list-shadow-fill{ position: absolute; left: 0; top: 0; width: 82.9333%; padding-top: 336.5333%; background-color: #a80600; margin: 38.7874% 0 0 8.5333%; border-radius: 5.3333vw; }
	#cp-content .layer01 .wchance .inner-body{ width: 82.9333%; /*width: 311px;*/ margin: 0 auto; }
	#cp-content .layer01 .wchance .inner-body > .item{ position: relative; }
	#cp-content .layer01 .wchance .inner-body .item .prize{ position: absolute; left: 0; top: 0; z-index: 10; }
	#cp-content .layer01 .wchance .inner-body .item .txt{ font-size: 5.3333vw; line-height: 1.3809; margin-top: 2.4vw; text-align: center; color: #ffffff; }
	#cp-content .layer01 .wchance .inner-body01{ margin-top: 6.6666%; }
	#cp-content .layer01 .wchance .inner-body01 .item{ width: 78.4565%; /*width: 244px;*/ margin: 0 auto; }
	#cp-content .layer01 .wchance .inner-body01 .item02{ margin-top: 8.7999vw; }
	#cp-content .layer01 .wchance .inner-body01 .item .prize{ width: 38.9750%; margin: -4.3621% 0 0 -19.5632%; }
	#cp-content .layer01 .wchance .inner-body01 .item01 .txt{ transform: scaleX(0.93); transform-origin: 0 0; }
	#cp-content .layer01 .wchance .inner-body02{ margin-top: 8.7999vw; padding-bottom: 13.3333%; }
	#cp-content .layer01 .wchance .inner-body02 .item{ width: 68.8102%; /*width: 214px;*/ margin: 0 auto; }
	#cp-content .layer01 .wchance .inner-body02 .item04{ margin-top: 8.7999vw; }
	#cp-content .layer01 .wchance .inner-body02 .item .prize{ width: 44.4388%; margin: -5.3964% 0 0 -29.3605%; }
	#cp-content .layer01 .wchance .caption{ width: 83.4666%; margin: 7.7333% auto 0; font-size: 3.2vw; }
	#cp-content .layer02 .deco01{ padding-top: 9.0274%; }
	#cp-content .layer02 .deco02{ width: 100%; margin: -15.4062% 0 0 0; }
	#cp-content .layer02 .deco03{ width: 100%; top: auto; bottom: 0; margin: 0 0 9.3333% 0; }
	#cp-content .layer02 .lineup{ position: relative; background-color: #003b94; border-top: 1px solid transparent; padding-bottom: 42.6666%; }
	#cp-content .layer02 .lineup .ttl{ width: 81.3630%; margin: -10.2597% 0 0 9.3538%!important; }
	#cp-content .layer02 .lineup .car-list{ width: 100%; margin: 17.3333% auto 0; display: block; }
	#cp-content .layer02 .lineup .car-list .deco04{ top: auto; width: 94.4%; margin-top: -40.8%; }
	#cp-content .layer02 .lineup .car-list .deco05{ left: auto; right: 0; top: auto; width: 95.7333%; margin-top: -50.6666%; }
	#cp-content .layer02 .lineup .car-list .item{ width: 90.6666%; /*width: 340px;*/ position: relative; margin: 0 0 0 4.6666%; }
	#cp-content .layer02 .lineup .car-list .item~.item{ margin-top: 11.7647%; }
	#cp-content .layer02 .lineup .car-list .item .bg01{ width: 100.5882%; margin-left: -0.2941%; }
	#cp-content .layer02 .lineup .car-list .item .shadow{ width: 100.5882%; margin: 1.4705% 0 0 1.1764%; }
	#cp-content .layer02 .lineup .car-list .item .price-body{ height: 49.2091vw; }
	#cp-content .layer02 .lineup .car-list .item .price-body .txt01{ font-size: 3.2vw; }
	#cp-content .layer02 .lineup .car-list .item .price-body .txt02{ font-size: 2.6666vw; }
	#cp-content .layer02 .lineup .car-list .item .price-body .txt03{ font-size: 2.6666vw; }
	#cp-content .layer02 .lineup .car-list .item .txt04{ font-size: 2.3999vw; }
	#cp-content .layer02 .lineup .car-list .item .navi a{ box-shadow: 0.9600vw 0.7200vw 0 #000000; border-radius: 7.6vw; }
	#cp-content .layer02 .lineup .car-list .item08 .price-body{ height: 54.1614vw; }
	#cp-content .layer02 .lineup .caption{ width: 83.4666%; font-size: 3.2vw; line-height: 1.4166; margin: 5.3333% auto 0; }
	#cp-content .layer03 .deco01{ padding-top: 11.8746%; }
	#cp-content .layer03 .deco02{ width: 100%; margin: -9.3333% 0 0 0; }
	#cp-content .layer03 .deco03{ width: 100%; top: auto; bottom: 0; margin: 0 0 14.1333% 0; }
	#cp-content .layer03 .campaign{ padding-bottom: 28.5333%; }
	#cp-content .layer03 .campaign .ttl{ width: 81.9130%; margin: -12.5333% 0 0 9.3733%!important; }
	#cp-content .layer03 .campaign .bnr{ width: 90.6666%; /*width: 340px;*/ margin-left: 4.8%; }
	#cp-content .layer03 .campaign .bnr .photo{ width: 100.5882%; margin-left: -0.2941%; }
	#cp-content .layer03 .campaign .bnr .shadow{ width: 100.5882%; margin: 1.4705% 0 0 1.1764%; }
	#cp-content .layer03 .campaign .bnr01{ margin-top: 3.7333%; }
	#cp-content .layer03 .campaign .bnr02{ margin-top: 8%; }
	#cp-content .layer04 .deco01{ padding-top: 11.7786%; }
	#cp-content .layer04 .deco02{ width: 100%; margin: -5.6000% 0 0 0; }
	#cp-content .layer04 .support{ margin-top: -3.7512%; }
	#cp-content .layer04 .support .ttl{ width: 85.2109%; margin: 0 0 0 7.6635%!important; }
	#cp-content .layer04 .support .support-body{ width: 90.6666%; /*width: 340px;*/ margin: -14.7186% 0 0 4.6666%; }
	#cp-content .layer04 .support .support-body .bg01{ width: 100.5882%; margin-left: -0.2941%; }
	#cp-content .layer04 .support .support-body .shadow{ width: 100.5882%; margin: 1.4705% 0 0 1.1764%; }
	#cp-content .layer04 .support .support-body .deco03{ width: 71.4707%; margin: 82.5654% 0 0 14.2646%; }
	#cp-content .layer04 .support .support-body .deco04{ width: 71.4707%; margin: 157.2446% 0 0 14.2646%; }
	#cp-content .layer04 .support .support-body .deco05{ width: 71.4707%; margin: 228.0934% 0 0 14.2646%; }
	#cp-content .layer04 .support .support-body .deco06{ width: 71.4707%; margin: 303.9915% 0 0 14.2646%; }
	#cp-content .layer04 .support .support-body .item{ width: 66.1764%; position: absolute; left: 0; top: 0; z-index: 10; }
	#cp-content .layer04 .support .support-body .item01{ margin: 20.6749% 0 0 16.6176%; padding-top: 52.1191%; }
	#cp-content .layer04 .support .support-body .item02{ margin: 93.2837% 0 0 16.6176%; padding-top: 54.2162%; }
	#cp-content .layer04 .support .support-body .item03{ margin: 167.4640% 0 0 16.6176%; padding-top: 50.9182%; }
	#cp-content .layer04 .support .support-body .item04{ margin: 238.6764% 0 0 16.6176%; padding-top: 55.5882%; }
	#cp-content .layer04 .support .support-body .item05{ margin: 314.249% 0 0 16.6176%; padding-top: 68.251%; }
	#cp-content .layer04 .support .support-body .item01 .txt{ width: 95.81%; margin: 0 0 0 1.7948%; }
	#cp-content .layer04 .support .support-body .item02 .txt{ width: 105.8319%; margin: 0 0 0 -3.2159%; }
	#cp-content .layer04 .support .support-body .item03 .txt{ width: 98.0048%; margin: 0 0 0 1.1554%; }
	#cp-content .layer04 .support .support-body .item04 .txt{ width: 109.8122%; margin: 0 0 0 -5.1330%; }
	#cp-content .layer04 .support .support-body .item05 .txt{ width: 92.2022%; margin: 0 0 0 3.8988%; }
	#cp-content .layer04 .support .support-body .item .navi{ margin-bottom: 0; }
	#cp-content .layer04 .support .support-body .item .navi a{ box-shadow: 1.0666vw 0.8vw 0 #000000; border-radius: 7.3333vw; }
	#cp-content .layer04 .shop{ margin-top: 19.2%; }
	#cp-content .layer04 .shop .ttl{ width: 64.6813%; margin: 0 0 0 18.1002%!important; }
	#cp-content .layer04 .shop .txt{ font-size: 3.7333vw; line-height: 1.5714; margin: 8.0958% auto 0; width: 83.4666%; text-align: left; }

	#cp-content .layer04 .shop .area-navi{ display: block; margin: 8.5333% auto 0; width: 77.3333%; }
	#cp-content .layer04 .shop .area-navi .navi{ width: 100%; }
	#cp-content .layer04 .shop .area-navi .navi:nth-child(n+2){ margin-top: 7.2413%; }
	#cp-content .layer04 .shop .area-navi .navi::before{ transform: translate(1.3333vw,1.3333vw); border-radius: 6vw; }
	#cp-content .layer04 .shop .area-navi .navi a{ font-size: 4.8vw; padding: 1.4666vw 0; border-radius: 6vw; border-width: 1.0666vw; }
	#cp-content .layer04 .shop .area-navi .navi a::after{ width: 3.2vw; height: 3.2vw; border-width: 0 0.8vw 0.8vw 0; margin-top: -0.8vw; }
	#cp-content .layer04 .shop .area-result{ width: 88%; /*width: 330px;*/ }
	#cp-content .layer04 .shop .area-result .result-ttl{ font-size: 6.9333vw; margin: 12.1212% 0 6.0606%; padding: 2.8000vw 0; border-radius: 8vw; }
	#cp-content .layer04 .shop .area-result .result-list .item{ display: block; border-radius: 5.3333vw; padding: 9.0909% 9.0909% 9.6969%; }
	#cp-content .layer04 .shop .area-result .result-list .item+.item{ margin-top: 6.0606%; }
	#cp-content .layer04 .shop .area-result .result-list .item .name{ font-size: 4.8vw; text-align: center; padding-right: 0; }
	#cp-content .layer04 .shop .area-result .result-list .item .navi-list{ display: block; margin-top: 7.037%; }
	#cp-content .layer04 .shop .area-result .result-list .item .navi-list .navi+.navi{ margin: 6.2962% 0 0; width: 100%; }
	#cp-content .layer04 .shop .area-result .result-list .item a{ font-size: 4.2666vw; padding: 2.9333vw 0; border-width: 1.3333vw; border-radius: 7.3333vw; box-shadow: 1.0666vw 0.8vw 0 #000000; }
	#cp-content .layer04 .shop .area-result .result-list .item a::before{ width: 2.1333vw; height: 2.1333vw; border-width: 0.8vw 0.8vw 0 0; right: 5.2165vw; }
	#cp-content .layer04 .cp-footer{ margin-top: 0; padding: 24% 0 13.0666%; overflow: hidden; }
	#cp-content .layer04 .cp-footer::before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #006939; margin-top: 234.6667%; }
	#cp-content .layer04 .cp-footer .deco09{ width: 104.8%; margin: -2.3217% 0 0 -1.9784%; }
	#cp-content .layer04 .cp-footer .deco07{ top: 0; bottom: auto; margin-top: 135.4666%; }
	#cp-content .layer04 .cp-footer .bnr{ width: 100%; padding-top: 102.0687%; }
	#cp-content .layer04 .cp-footer .bnr .deco08{ width: 58.9458%; margin: 108.8000% 0 0 16.4276%; }
	#cp-content .layer04 .cp-footer .bnr .txt{ width: 66.6666%; margin: 0 0 0 16.6666%; }
	#cp-content .layer04 .cp-footer .bnr .navi{ width: 82.3999%; margin: 83.4666% 0 0 8.7999%; }
	#cp-content .layer04 .cp-footer .bnr .navi a{ box-shadow: 1.0666vw 0.8vw 0 #000000; border-radius: 9.2vw; }
	#cp-content .layer04 .cp-footer .txt-body{ width: 90.6666%; margin: 66.1333% auto 0; }
	#cp-content .layer04 .cp-footer .txt-body .bg01{ width: 100.5882%; margin-left: -0.2941%; }
	#cp-content .layer04 .cp-footer .txt-body .shadow{ width: 100.5882%; margin: 1.4705% 0 0 1.1764%; }
	#cp-content .layer04 .cp-footer .txt-body .caption-body{ width: 88.2352%; padding: 8.8235% 0; }
	#cp-content .layer04 .cp-footer .txt-body .caption-body .caption{ font-size: 3.7333vw; line-height: 1.7857; }
	#cp-content .layer04 .cp-footer .txt-body .caption-body .caption+.caption{ margin-top: 6.66665%; }
	#cp-content .layer04 .cp-footer .txt-body .caption-body .caption .icon{ width: 4.3295vw; }
}



/*commentarea*/
/*-------------------------------------------------------*/
#comment-area{ position: fixed; left: 0; width: 100%; bottom: 0; z-index: 2000; pointer-events: none; }
#comment-area .deco{ position: absolute; bottom: 0; right: 0; }
#comment-area .deco > img{ position: relative; z-index: 5; }
#comment-area .deco01,
#comment-area .deco03,
#comment-area .deco05,
#comment-area .deco08{ right: auto; left: 0; }
#comment-area .deco01{ width: 16.9117%; margin-left: -4.0441%; }
#comment-area .deco02{ width: 25.2205%; margin-right: -3.0147%; }
#comment-area .deco03{ width: 20.7352%; margin-left: -1.9117%; }
#comment-area .deco04{ width: 11.1764%; margin-right: -1.1029%; }
#comment-area .deco05{ width: 20.5882%; margin-left: -2.5000%; }
#comment-area .deco06{ width: 25.8088%; margin-right: -4.3382%; }
#comment-area .deco07{ width: 19.1911%; margin-right: -5.0735%; }
#comment-area .deco08{ width: 22.8676%; margin-left: -4.8529%; }
#comment-area .deco09{ width: 17.5000%; margin-right: -3.7500%; }
#comment-area .deco .txt{ position: absolute; left: 0; top: 0; }
#comment-area .deco02 .txt{ width: 32.6530%; margin: -46.0641% 0 0 48.9795%; }
#comment-area .deco03 .txt{ width: 44.6808%; margin: -59.4501% 0 0 13.4957%; }
#comment-area .deco07 .txt{ width: 46.3601%; margin: 6.1302% 0 0 -31.8551%; }
#comment-area .deco08 .txt{ width: 45.3376%; margin: -3.5369% 0 0 71.7041%; }
#comment-area .deco09 .txt{ width: 56.7226%; margin: 28.1336% 0 0 -46.0831%; }

@media only screen and (max-width: 767px) { /*767px以下*/
	#comment-area .deco01{ width: 32.0072%; margin-left: -7.7333%; }
	#comment-area .deco02{ width: 46.9784%; margin-right: -5.6451%; }
	#comment-area .deco03{ width: 40.9340%; margin-left: -3.7333%; }
	#comment-area .deco04{ width: 22.1666%; margin-right: -2.1666%; }
	#comment-area .deco05{ width: 33.5141%; margin-left: -4%; }
	#comment-area .deco06{ width: 42.1333%; margin-right: -6.9333%; }
	#comment-area .deco07{ width: 34.9333%; margin-right: -9.3333%; }
	#comment-area .deco08{ width: 40.0512%; margin-left: -8.5845%; }
	#comment-area .deco09{ width: 27.7299%; margin-right: -5.8632%; }
	#comment-area .deco02 .txt{ width: 32.3552%; margin: -45.6893% 0 0 53.6315%; }
	#comment-area .deco03 .txt{ width: 42.3445%; margin: -61.4383% 0 0 12.4154%; }
	#comment-area .deco07 .txt{ width: 46.5648%; margin: 21.3977% 0 0 -27.5351%; }
	#comment-area .deco08 .txt{ width: 47.2727%; margin: -1.9598% 0 0 68.9117%; }
	#comment-area .deco09 .txt{ width: 47.1211%; margin: -3.8467% 0 0 -37.0237%; }
}



/*animation*/
/*-------------------------------------------------------*/
#loader .illust{ animation: loader_animation 1s infinite;  }
#cp-content .kv .ttl{ opacity: 0; transform: translateY(100px); transform-origin: center bottom; }
#cp-content .kv.idle .ttl{ opacity: 1; transform: translateY(0); transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.590, 1.135), opacity 0.5s; transition-delay: 0.5s; }
#cp-content .kv .date{ opacity: 0; transform: translateY(100px); transform-origin: center bottom; }
#cp-content .kv.idle .date{ opacity: 1; transform: translateY(0); transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.590, 1.135), opacity 0.5s; transition-delay: 0.7s; }
#cp-content .kv .deco02{ opacity: 0; }
#cp-content .kv .bubble{ transform: translate(-50%,-100%); transform-origin: center center; }
#cp-content .layer01 .present .inner-body{ opacity: 0; transform: scale(0.9); transform-origin: center bottom; }
#cp-content .layer01 .present .inner-body.show{ opacity: 1; transform: scale(1); transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.590, 1.135), opacity 0.5s; }
#cp-content .layer01 .present .inner-body .ttl{ opacity: 0; transform: scale(1.3); }
#cp-content .layer01 .present .inner-body.show .ttl{ opacity: 1; transform: scale(1); transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.590, 1.135), opacity 0.5s; transition-delay: 0.3s; }
#cp-content .layer01 .present .inner-body .head{ opacity: 0; }
#cp-content .layer01 .present .inner-body.show .head{ opacity: 1; transition: opacity 0.5s; transition-delay: 0.5s; }
#cp-content .layer01 .present .inner-body .bubble{ opacity: 0; transform: translateY(30px); }
#cp-content .layer01 .present .inner-body.show .bubble{ opacity: 1; transform: translateY(0); transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.590, 1.135), opacity 0.5s; transition-delay: 0.6s; }
#cp-content .layer01 .present .inner-body .caption{ opacity: 0; }
#cp-content .layer01 .present .inner-body.show .caption{ opacity: 1; transition: opacity 0.5s; transition-delay: 0.5s; }
#cp-content .layer01 .present .inner-body .item01{ opacity: 0; transform: scale(0.7); }
#cp-content .layer01 .present .inner-body .item01.show{ opacity: 1; transform: scale(1); transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.590, 1.135), opacity 0.5s; }
#cp-content .layer01 .present .inner-body .item02{ opacity: 0; transform: scale(0.7); }
#cp-content .layer01 .present .inner-body .item02.show{ opacity: 1; transform: scale(1); transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.590, 1.135), opacity 0.5s; transition-delay: 0.2s; }
@media only screen and (max-width: 767px) { /*767px以下*/
	#cp-content .layer01 .present .inner-body .item02.show{ transition-delay: 0s; }
}
@media only screen and (max-width: 767px) { /*767px以下*/
	#cp-content .layer01 .wchance .sp-book-bg{ opacity: 0; transform: scale(0.9); transform-origin: center bottom; z-index: 5; }
	#cp-content .layer01 .wchance .sp-book-bg.show{ opacity: 1; transform: scale(1); transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.590, 1.135), opacity 0.5s; }
}
#cp-content .layer01 .wchance .ttl{ opacity: 0; transform: scale(1.3); }
#cp-content .layer01 .wchance .ttl.show{ opacity: 1; transform: scale(1); transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.590, 1.135), opacity 0.5s; }
@media only screen and (max-width: 767px) { /*767px以下*/
	#cp-content .layer01 .wchance .sp-book-bg~.ttl{ opacity: 0; transform: scale(1.3); }
	#cp-content .layer01 .wchance .sp-book-bg.show~.ttl{ opacity: 1; transform: scale(1); transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.590, 1.135), opacity 0.5s; transition-delay: 0.3s; }
}
#cp-content .layer01 .wchance .inner-body01 .bg{ opacity: 0; transform: scale(0.9); transform-origin: center bottom; }
#cp-content .layer01 .wchance .inner-body01.show .bg{ opacity: 1; transform: scale(1); transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.590, 1.135), opacity 0.5s; }
#cp-content .layer01 .wchance .inner-body01 .shadow,
#cp-content .layer01 .wchance .inner-body01 .item{ opacity: 0; }
#cp-content .layer01 .wchance .inner-body01.show .shadow,
#cp-content .layer01 .wchance .inner-body01.show .item{ opacity: 1; transition: opacity 0.5s; transition-delay: 0.4s; }
#cp-content .layer01 .wchance .inner-body02 .bg{ opacity: 0; transform: scale(0.9); transform-origin: center bottom; }
#cp-content .layer01 .wchance .inner-body02.show .bg{ opacity: 1; transform: scale(1); transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.590, 1.135), opacity 0.5s; transition-delay: 0.1s; }
#cp-content .layer01 .wchance .inner-body02 .shadow,
#cp-content .layer01 .wchance .inner-body02 .item{ opacity: 0; }
#cp-content .layer01 .wchance .inner-body02.show .shadow,
#cp-content .layer01 .wchance .inner-body02.show .item{ opacity: 1; transition: opacity 0.5s; transition-delay: 0.4s; }
@media only screen and (max-width: 767px) { /*767px以下*/
	#cp-content .layer01 .wchance .inner-body.show .item{ opacity: 0; }
	#cp-content .layer01 .wchance .inner-body.show .item.show{ opacity: 1; transition: opacity 0.5s; }
}
#cp-content .layer02 .lineup .ttl{ opacity: 0; transform: scale(1.3); }
#cp-content .layer02 .lineup .ttl.show{ opacity: 1; transform: scale(1); transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.590, 1.135), opacity 0.5s; }
#cp-content .layer02 .lineup .car-list .item{ opacity: 0; transform: translateY(50px); z-index: 50; }
#cp-content .layer02 .lineup .car-list .item.show{ opacity: 1; transform: translateY(0); transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.5s; }
#cp-content .layer02 .lineup .car-list .item02.show,
#cp-content .layer02 .lineup .car-list .item05.show,
#cp-content .layer02 .lineup .car-list .item08.show{ transition-delay: 0.1s; }
#cp-content .layer02 .lineup .car-list .item03.show,
#cp-content .layer02 .lineup .car-list .item06.show,
#cp-content .layer02 .lineup .car-list .item09.show{ transition-delay: 0.2s; }
@media only screen and (max-width: 767px) { /*767px以下*/
	#cp-content .layer02 .lineup .car-list .item02.show,
	#cp-content .layer02 .lineup .car-list .item05.show,
	#cp-content .layer02 .lineup .car-list .item08.show,
	#cp-content .layer02 .lineup .car-list .item03.show,
	#cp-content .layer02 .lineup .car-list .item06.show,
	#cp-content .layer02 .lineup .car-list .item09.show{ transition-delay: 0s; }
}
#cp-content .layer03 .campaign .ttl{ opacity: 0; transform: scale(1.3); }
#cp-content .layer03 .campaign .ttl.show{ opacity: 1; transform: scale(1); transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.590, 1.135), opacity 0.5s; }
#cp-content .layer03 .campaign .bnr{ opacity: 0; transform: translateY(50px); z-index: 50; }
#cp-content .layer03 .campaign .bnr.show{ opacity: 1; transform: translateY(0); transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.5s; }
#cp-content .layer04 .support .ttl{ opacity: 0; transform: scale(1.3); }
#cp-content .layer04 .support .ttl.show{ opacity: 1; transform: scale(1); transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.590, 1.135), opacity 0.5s; }
#cp-content .layer04 .support .support-body .item{ opacity: 0; }
#cp-content .layer04 .support .support-body .item.show{ opacity: 1; transition: opacity 0.5s; }
#cp-content .layer04 .shop .ttl{ opacity: 0; transform: scale(1.3); }
#cp-content .layer04 .shop .ttl.show{ opacity: 1; transform: scale(1); transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.590, 1.135), opacity 0.5s; }
#cp-content .layer04 .shop .txt{ opacity: 0; }
#cp-content .layer04 .shop .txt.show{ opacity: 1; transition: opacity 0.5s; }
#cp-content .layer04 .shop .area-navi{ opacity: 0; transform: translateY(50px); z-index: 50; }
#cp-content .layer04 .shop .area-navi.show{ opacity: 1; transform: translateY(0); transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.5s; }
#cp-content .layer04 .cp-footer .bnr .txt{ opacity: 0; transform: scale(1.3); }
#cp-content .layer04 .cp-footer .bnr.show .txt{ opacity: 1; transform: scale(1); transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.590, 1.135), opacity 0.5s; }
#cp-content .layer04 .cp-footer .bnr .deco{ opacity: 0; transform: translateY(50px); }
#cp-content .layer04 .cp-footer .bnr.show .deco{ opacity: 1; transform: translateY(0); transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.590, 1.135), opacity 0.5s; transition-delay: 0.3s; }
#cp-content .layer04 .cp-footer .bnr .navi{ opacity: 0; }
#cp-content .layer04 .cp-footer .bnr.show .navi{ opacity: 1; transition: opacity 0.5s; transition-delay: 0.3s; }
#cp-content .layer04 .cp-footer .txt-body .caption-body{ opacity: 0; }
#cp-content .layer04 .cp-footer .txt-body.show .caption-body{ opacity: 1; transition: opacity 0.5s; }
#comment-area .deco{ transform: scaleX(0); transition: transform 0.2s cubic-bezier(0.785, 0.135, 0.150, 0.860); }
#comment-area .deco.active{ transform: scaleX(1); transition-delay: 0.2s; }
#comment-area .deco .txt{ transform: scale(0.5) rotate(-30deg); opacity: 0; transition: transform 0.5s cubic-bezier(.175,.885,.32,1.275), opacity 0.5s; transform-origin: left bottom; }
#comment-area .deco.active .txt{ transform: scaleX(1); opacity: 1; transition-delay: 0.3s; }






/*keyframes*/
/*-------------------------------------------------------*/
@keyframes loader_animation{
	0%{ transform: translateY(0); }
	50%{ transform: translateY(-5px); }
	100%{ transform: translateY(0); }
}





/*hover*/
/*-------------------------------------------------------*/
#cp-content .layer02 .lineup .car-list .item .navi a{ display: block; transition: transform 0.2s cubic-bezier(0.47, -0.54, 0.57, 1.84); }
#cp-content .layer02 .lineup .car-list .item .navi a:active{ transform: scale(1.05); }
#cp-content .layer03 .campaign .bnr{ display: block; transition: transform 0.2s cubic-bezier(0.47, -0.54, 0.57, 1.84); }
#cp-content .layer03 .campaign .bnr:active{ transform: scale(1.02); }
#cp-content .layer04 .support .support-body .item .navi a{ display: block; transition: transform 0.2s cubic-bezier(0.47, -0.54, 0.57, 1.84); }
#cp-content .layer04 .support .support-body .item .navi a:active{ transform: scale(1.05); }
#cp-content .layer04 .shop .area-navi .navi{ display: block; transition: transform 0.2s cubic-bezier(0.47, -0.54, 0.57, 1.84); }
#cp-content .layer04 .shop .area-navi .navi:active{ transform: scale(1.05); }
#cp-content .layer04 .cp-footer .bnr .navi a{ display: block; transition: transform 0.2s cubic-bezier(0.47, -0.54, 0.57, 1.84); }
#cp-content .layer04 .cp-footer .bnr .navi a:active{ transform: scale(1.05); }

@media (hover: hover){
	#cp-content .layer02 .lineup .car-list .item .navi a:hover{ transform: scale(1.05); }
	#cp-content .layer03 .campaign .bnr:hover{ transform: scale(1.02); }
	#cp-content .layer04 .support .support-body .item .navi a:hover{ transform: scale(1.05); }
	#cp-content .layer04 .shop .area-navi .navi:hover{ transform: scale(1.05); }
	#cp-content .layer04 .cp-footer .bnr .navi a:hover{ transform: scale(1.05); }
}