@charset "shift_jis";

/* CSS Document */
#leftnavi{display:none !important;}
#wrapper,#middle_body{/*min-width: 1200px !important;*/width: 100% !important;margin: 0 auto !important;padding: 0 !important;}
#contents{/*min-width:1200px !important;*/width:100% !important;margin:0 auto !important;float:none !important;padding:0 !important;}
.inner_content{width:100%;}
body{margin:0;padding:0;background-color: #FF0066;}
#wrapper{ position: relative; }

header{
	background-color:#fff;
	position:relative;
	z-index:1;
}
footer{
	z-index:999;
	background-color:#ffffff;
}
.pm400_camp *{
	box-sizing:border-box;
}
.pm400_camp{
	text-align:center;
	margin:auto;
	margin-bottom:100px;
}


.pm400_camp h1 {
	position: relative;
	width: 100%;
	height: 35vw;
	background: url(/image/plazamember400_camp/title_bg.jpg) no-repeat left top;
	background-size: 100% auto;
	padding-top: 3vw;
}
.pm400_camp h1 img {
	position: relative;
	width: 80%;
	max-width: 100%;
	height: auto;
}

.pm400_camp h1 img.title01 {
	opacity: 0;
	transform: scale(0.0);
	animation: anime_title01 0.5s ease 1.5s 1 normal forwards running;
}
@keyframes anime_title01 {
	0% {
		opacity: 0;
		transform: scale(0.0);
	}
	100% {
		opacity: 1;
		transform: scale(1.0);
	}
}

.pm400_camp h1 img.title02 {
	opacity: 0;
	animation: anime_title02 1.0s ease 2.0s 1 normal forwards running;
}
@keyframes anime_title02 {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}


.pm400_camp .thanks{
	font-size:2rem;
	color:#fff;
}

/***********************************
nav
************************************/

.pm400_camp .nav_container {
	position:relative;
	max-width:1300px;
	margin:auto;
	margin-bottom:5vw;
}
.pm400_camp .nav {
	display:flex;
	flex-flow: row;
	justify-content:space-between;
	align-items: center;
	opacity:0;
	z-index:99;
	gap:1vw;
	padding:1vw;
	position: absolute;
	top:0;
}
.pm400_camp .nav .logo{
	display:none;
}
.pm400_camp.active .nav_container .nav{
	/*animation:fadeInAnime 1.5s forwards 2.25s;*/
	animation:fadeInAnime 0.5s forwards 1.25s;
}
@keyframes fadeInAnime{
  from {opacity: 0;}
  to {opacity: 1;}
}

.pm400_camp .nav li {
	display: inline-block;
	position: relative;
}
.pm400_camp .nav li a {
	display: block;
}
.pm400_camp .nav li a img {
	width: 100%;
}

/* メインナビ */
.pm400_camp .nav li a:hover {
	transform: translateY(-10px);
}

/* サイドナビ */
.pm400_camp .side_nav_container{
	display:none;
}
.pm400_camp .side .side_nav_container{
	display:block;
}
.pm400_camp .side_nav_container .nav {
	position:fixed;
	flex-flow: column;
	justify-content:flex-start;
	max-width:300px;
	height:100vh;
	opacity:1;
	right:0;
	top:0;
}
.pm400_camp .side_nav_container .nav li{
	max-height: calc(100% /4);
}
.pm400_camp .side_nav_container .nav li img {
	max-width:auto;
	max-height:100%;
}
.pm400_camp .side_nav_container .nav li a:hover {
	transform: translateX(-10px);
}


@media screen and (max-width: 1620px){
	.pm400_camp .side_nav_container .nav{
		width:15%;
	}
}
@media (min-width: 1000px) and (max-width: 1350px){
	.pm400_camp .side_nav_container .nav,
	.pm400_camp .side_nav_container .nav *{
			opacity:0;
			pointer-events: none;
	}
}
@media screen and (max-width: 1000px){
	.pm400_camp .side_nav_container .nav{
		display:flex;
		flex-flow: row;
		width: 100vw;
		height: auto;
		max-width: none;
		background-color:#A9061C;
		top:auto;
	}
	.pm400_camp .side_nav_container .nav li{
		display:inline-block;
		max-height: none;
		max-width:none;
	}
}

.pm400_camp .nav.hidden *,
.pm400_camp .nav.hidden {
	opacity: 0 !important;
    pointer-events: none !important;
	background-color:initial !important;
}



/******************************************************
アニバーサリーのロゴ 
******************************************************/

.pm400_camp #loading{width:100vw;height:100vh;transition:all 1s;background-color:#fff;position:fixed;top:0;left:0;z-index:99999}
.pm400_camp .spinner{color:#FF0066;font-size:10px;margin:calc(100vh/2) auto;width:1em;height:1em;border-radius:50%;position:relative;text-indent:-9999em;-webkit-animation:load4 1.3s infinite linear;animation:load4 1.3s infinite linear;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}

@-webkit-keyframes load4{0%,100%{box-shadow:0 -3em 0 .2em,2em -2em 0 0em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 0}12.5%{box-shadow:0 -3em 0 0,2em -2em 0 .2em,3em 0 0 0,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}25%{box-shadow:0 -3em 0 -.5em,2em -2em 0 0,3em 0 0 .2em,2em 2em 0 0,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}37.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0em 0 0,2em 2em 0 .2em,0 3em 0 0em,-2em 2em 0 -1em,-3em 0em 0 -1em,-2em -2em 0 -1em}50%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 0em,0 3em 0 .2em,-2em 2em 0 0,-3em 0em 0 -1em,-2em -2em 0 -1em}62.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 0,-2em 2em 0 .2em,-3em 0 0 0,-2em -2em 0 -1em}75%{box-shadow:0em -3em 0 -1em,2em -2em 0 -1em,3em 0em 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0em 0 .2em,-2em -2em 0 0}87.5%{box-shadow:0em -3em 0 0,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0em 0 0,-2em -2em 0 .2em}}
@keyframes load4{0%,100%{box-shadow:0 -3em 0 .2em,2em -2em 0 0em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 0}12.5%{box-shadow:0 -3em 0 0,2em -2em 0 .2em,3em 0 0 0,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}25%{box-shadow:0 -3em 0 -.5em,2em -2em 0 0,3em 0 0 .2em,2em 2em 0 0,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}37.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0em 0 0,2em 2em 0 .2em,0 3em 0 0em,-2em 2em 0 -1em,-3em 0em 0 -1em,-2em -2em 0 -1em}50%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 0em,0 3em 0 .2em,-2em 2em 0 0,-3em 0em 0 -1em,-2em -2em 0 -1em}62.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 0,-2em 2em 0 .2em,-3em 0 0 0,-2em -2em 0 -1em}75%{box-shadow:0em -3em 0 -1em,2em -2em 0 -1em,3em 0em 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0em 0 .2em,-2em -2em 0 0}87.5%{box-shadow:0em -3em 0 0,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0em 0 0,-2em -2em 0 .2em}}
svg .svg-elem-1{stroke-dashoffset:5126.71142578125px;stroke-dasharray:5126.71142578125px;fill:transparent;-webkit-transition:stroke-dashoffset 3s cubic-bezier(.645,.045,.355,1) 0s,fill 0.7s cubic-bezier(.86,0,.07,1) 1s;transition:stroke-dashoffset 3s cubic-bezier(.645,.045,.355,1) 0s,fill 0.7s cubic-bezier(.86,0,.07,1) 1s}
.active svg .svg-elem-1{stroke-dashoffset:0;fill:rgb(232,0,0)}
svg .svg-elem-2{stroke-dashoffset:12810.9248046875px;stroke-dasharray:12810.9248046875px;fill:transparent;-webkit-transition:stroke-dashoffset 3s cubic-bezier(.645,.045,.355,1) 0.15s,fill 0.7s cubic-bezier(.86,0,.07,1) 1.05s;transition:stroke-dashoffset 3s cubic-bezier(.645,.045,.355,1) 0.15s,fill 0.7s cubic-bezier(.86,0,.07,1) 1.05s}
.active svg .svg-elem-2{stroke-dashoffset:0;fill:rgb(255,255,255)}
svg .svg-elem-3{stroke-dashoffset:2467.984130859375px;stroke-dasharray:2467.984130859375px;fill:transparent;-webkit-transition:stroke-dashoffset 3s cubic-bezier(.645,.045,.355,1) 0.3s,fill 0.7s cubic-bezier(.86,0,.07,1) 1.1s;transition:stroke-dashoffset 3s cubic-bezier(.645,.045,.355,1) 0.3s,fill 0.7s cubic-bezier(.86,0,.07,1) 1.1s}
.active svg .svg-elem-3{stroke-dashoffset:0;fill:rgb(254,254,254)}
svg .svg-elem-4{stroke-dashoffset:1961.602783203125px;stroke-dasharray:1961.602783203125px;fill:transparent;-webkit-transition:stroke-dashoffset 3s cubic-bezier(.645,.045,.355,1) 0.44999999999999996s,fill 0.7s cubic-bezier(.86,0,.07,1) 1.15s;transition:stroke-dashoffset 3s cubic-bezier(.645,.045,.355,1) 0.44999999999999996s,fill 0.7s cubic-bezier(.86,0,.07,1) 1.15s}
.active svg .svg-elem-4{stroke-dashoffset:0;fill:rgb(254,254,254)}
svg .svg-elem-5{stroke-dashoffset:270.440673828125px;stroke-dasharray:270.440673828125px;fill:transparent;-webkit-transition:stroke-dashoffset 3s cubic-bezier(.645,.045,.355,1) 0.6s,fill 0.7s cubic-bezier(.86,0,.07,1) 1.2s;transition:stroke-dashoffset 3s cubic-bezier(.645,.045,.355,1) 0.6s,fill 0.7s cubic-bezier(.86,0,.07,1) 1.2s}
.active svg .svg-elem-5{stroke-dashoffset:0;fill:rgb(255,255,255)}
svg .svg-elem-6{stroke-dashoffset:270.4334716796875px;stroke-dasharray:270.4334716796875px;fill:transparent;-webkit-transition:stroke-dashoffset 3s cubic-bezier(.645,.045,.355,1) 0.75s,fill 0.7s cubic-bezier(.86,0,.07,1) 1.25s;transition:stroke-dashoffset 3s cubic-bezier(.645,.045,.355,1) 0.75s,fill 0.7s cubic-bezier(.86,0,.07,1) 1.25s}
.active svg .svg-elem-6{stroke-dashoffset:0;fill:rgb(255,255,255)}
svg .svg-elem-7{stroke-dashoffset:270.44036865234375px;stroke-dasharray:270.44036865234375px;fill:transparent;-webkit-transition:stroke-dashoffset 3s cubic-bezier(.645,.045,.355,1) 0.8999999999999999s,fill 0.7s cubic-bezier(.86,0,.07,1) 1.3s;transition:stroke-dashoffset 3s cubic-bezier(.645,.045,.355,1) 0.8999999999999999s,fill 0.7s cubic-bezier(.86,0,.07,1) 1.3s}
.active svg .svg-elem-7{stroke-dashoffset:0;fill:rgb(255,255,255)}
svg .svg-elem-8{stroke-dashoffset:217.90101623535156px;stroke-dasharray:217.90101623535156px;fill:transparent;-webkit-transition:stroke-dashoffset 3s cubic-bezier(.645,.045,.355,1) 1.05s,fill 0.7s cubic-bezier(.86,0,.07,1) 1.35s;transition:stroke-dashoffset 3s cubic-bezier(.645,.045,.355,1) 1.05s,fill 0.7s cubic-bezier(.86,0,.07,1) 1.35s}
.active svg .svg-elem-8{stroke-dashoffset:0;fill:rgb(255,255,255)}
svg .svg-elem-9{stroke-dashoffset:216.0580596923828px;stroke-dasharray:216.0580596923828px;fill:transparent;-webkit-transition:stroke-dashoffset 3s cubic-bezier(.645,.045,.355,1) 1.2s,fill 0.7s cubic-bezier(.86,0,.07,1) 1.4s;transition:stroke-dashoffset 3s cubic-bezier(.645,.045,.355,1) 1.2s,fill 0.7s cubic-bezier(.86,0,.07,1) 1.4s}
.active svg .svg-elem-9{stroke-dashoffset:0;fill:rgb(255,255,255)}
svg .svg-elem-10{stroke-dashoffset:83.72747802734375px;stroke-dasharray:83.72747802734375px;fill:transparent;-webkit-transition:stroke-dashoffset 3s cubic-bezier(.645,.045,.355,1) 1.3499999999999999s,fill 0.7s cubic-bezier(.86,0,.07,1) 1.45s;transition:stroke-dashoffset 3s cubic-bezier(.645,.045,.355,1) 1.3499999999999999s,fill 0.7s cubic-bezier(.86,0,.07,1) 1.45s}
.active svg .svg-elem-10{stroke-dashoffset:0;fill:rgb(255,255,255)}
svg .svg-elem-11{stroke-dashoffset:55.39088821411133px;stroke-dasharray:55.39088821411133px;fill:transparent;-webkit-transition:stroke-dashoffset 3s cubic-bezier(.645,.045,.355,1) 1.5s,fill 0.7s cubic-bezier(.86,0,.07,1) 1.5s;transition:stroke-dashoffset 3s cubic-bezier(.645,.045,.355,1) 1.5s,fill 0.7s cubic-bezier(.86,0,.07,1) 1.5s}
.active svg .svg-elem-11{stroke-dashoffset:0;fill:rgb(255,255,255)}
svg .svg-elem-12{stroke-dashoffset:55.39979553222656px;stroke-dasharray:55.39979553222656px;fill:transparent;-webkit-transition:stroke-dashoffset 3s cubic-bezier(.645,.045,.355,1) 1.65s,fill 0.7s cubic-bezier(.86,0,.07,1) 1.55s;transition:stroke-dashoffset 3s cubic-bezier(.645,.045,.355,1) 1.65s,fill 0.7s cubic-bezier(.86,0,.07,1) 1.55s}
.active svg .svg-elem-12{stroke-dashoffset:0;fill:rgb(255,255,255)}
svg .svg-elem-13{stroke-dashoffset:83.80257415771484px;stroke-dasharray:83.80257415771484px;fill:transparent;-webkit-transition:stroke-dashoffset 3s cubic-bezier(.645,.045,.355,1) 1.7999999999999998s,fill 0.7s cubic-bezier(.86,0,.07,1) 1.6s;transition:stroke-dashoffset 3s cubic-bezier(.645,.045,.355,1) 1.7999999999999998s,fill 0.7s cubic-bezier(.86,0,.07,1) 1.6s}
.active svg .svg-elem-13{stroke-dashoffset:0;fill:rgb(255,255,255)}
svg .svg-elem-14{stroke-dashoffset:216.11105346679688px;stroke-dasharray:216.11105346679688px;fill:transparent;-webkit-transition:stroke-dashoffset 3s cubic-bezier(.645,.045,.355,1) 1.95s,fill 0.7s cubic-bezier(.86,0,.07,1) 1.65s;transition:stroke-dashoffset 3s cubic-bezier(.645,.045,.355,1) 1.95s,fill 0.7s cubic-bezier(.86,0,.07,1) 1.65s}
.active svg .svg-elem-14{stroke-dashoffset:0;fill:rgb(255,255,255)}
svg .svg-elem-15{stroke-dashoffset:216.11776733398438px;stroke-dasharray:216.11776733398438px;fill:transparent;-webkit-transition:stroke-dashoffset 3s cubic-bezier(.645,.045,.355,1) 2.1s,fill 0.7s cubic-bezier(.86,0,.07,1) 1.7000000000000002s;transition:stroke-dashoffset 3s cubic-bezier(.645,.045,.355,1) 2.1s,fill 0.7s cubic-bezier(.86,0,.07,1) 1.7000000000000002s}
.active svg .svg-elem-15{stroke-dashoffset:0;fill:rgb(255,255,255)}
svg .svg-elem-16{stroke-dashoffset:218.02589416503906px;stroke-dasharray:218.02589416503906px;fill:transparent;-webkit-transition:stroke-dashoffset 3s cubic-bezier(.645,.045,.355,1) 2.25s,fill 0.7s cubic-bezier(.86,0,.07,1) 1.75s;transition:stroke-dashoffset 3s cubic-bezier(.645,.045,.355,1) 2.25s,fill 0.7s cubic-bezier(.86,0,.07,1) 1.75s}
.active svg .svg-elem-16{stroke-dashoffset:0;fill:rgb(255,255,255)}
svg .svg-elem-17{stroke-dashoffset:672.5440673828125px;stroke-dasharray:672.5440673828125px;fill:transparent;-webkit-transition:stroke-dashoffset 3s cubic-bezier(.645,.045,.355,1) 2.4s,fill 0.7s cubic-bezier(.86,0,.07,1) 1.8s;transition:stroke-dashoffset 3s cubic-bezier(.645,.045,.355,1) 2.4s,fill 0.7s cubic-bezier(.86,0,.07,1) 1.8s}
.active svg .svg-elem-17{stroke-dashoffset:0;fill:rgb(255,255,255)}
svg .starsvg-elem-1{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(.785,.135,.15,.86) 0.8s;transition:fill 0.7s cubic-bezier(.785,.135,.15,.86) 0.8s}
.active svg .starsvg-elem-1{fill:rgb(255,255,255)}
svg .starsvg-elem-2{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(.785,.135,.15,.86) 0.9s;transition:fill 0.7s cubic-bezier(.785,.135,.15,.86) 0.9s}.active svg .starsvg-elem-2{fill:rgb(255,255,255)}svg .starsvg-elem-3{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(.785,.135,.15,.86) 1s;transition:fill 0.7s cubic-bezier(.785,.135,.15,.86) 1s}.active svg .starsvg-elem-3{fill:rgb(255,255,255)}svg .starsvg-elem-4{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(.785,.135,.15,.86) 1.1s;transition:fill 0.7s cubic-bezier(.785,.135,.15,.86) 1.1s}.active svg .starsvg-elem-4{fill:rgb(255,255,255)}svg .starsvg-elem-5{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(.785,.135,.15,.86) 1.2000000000000002s;transition:fill 0.7s cubic-bezier(.785,.135,.15,.86) 1.2000000000000002s}.active svg .starsvg-elem-5{fill:rgb(255,255,255)}svg .starsvg-elem-6{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(.785,.135,.15,.86) 1.3s;transition:fill 0.7s cubic-bezier(.785,.135,.15,.86) 1.3s}.active svg .starsvg-elem-6{fill:rgb(255,255,255)}svg .starsvg-elem-7{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(.785,.135,.15,.86) 1.4000000000000001s;transition:fill 0.7s cubic-bezier(.785,.135,.15,.86) 1.4000000000000001s}.active svg .starsvg-elem-7{fill:rgb(255,255,255)}svg .starsvg-elem-8{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(.785,.135,.15,.86) 1.5s;transition:fill 0.7s cubic-bezier(.785,.135,.15,.86) 1.5s}.active svg .starsvg-elem-8{fill:rgb(255,255,255)}svg .starsvg-elem-9{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(.785,.135,.15,.86) 1.6s;transition:fill 0.7s cubic-bezier(.785,.135,.15,.86) 1.6s}.active svg .starsvg-elem-9{fill:rgb(255,255,255)}svg .starsvg-elem-10{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(.785,.135,.15,.86) 1.7000000000000002s;transition:fill 0.7s cubic-bezier(.785,.135,.15,.86) 1.7000000000000002s}.active svg .starsvg-elem-10{fill:rgb(255,255,255)}svg .starsvg-elem-11{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(.785,.135,.15,.86) 1.8s;transition:fill 0.7s cubic-bezier(.785,.135,.15,.86) 1.8s}.active svg .starsvg-elem-11{fill:rgb(255,255,255)}svg .starsvg-elem-12{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(.785,.135,.15,.86) 1.9000000000000001s;transition:fill 0.7s cubic-bezier(.785,.135,.15,.86) 1.9000000000000001s}.active svg .starsvg-elem-12{fill:rgb(255,255,255)}svg .starsvg-elem-13{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(.785,.135,.15,.86) 2s;transition:fill 0.7s cubic-bezier(.785,.135,.15,.86) 2s}.active svg .starsvg-elem-13{fill:rgb(255,255,255)}svg .starsvg-elem-14{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(.785,.135,.15,.86) 2.1s;transition:fill 0.7s cubic-bezier(.785,.135,.15,.86) 2.1s}.active svg .starsvg-elem-14{fill:rgb(255,255,255)}svg .starsvg-elem-15{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(.785,.135,.15,.86) 2.2s;transition:fill 0.7s cubic-bezier(.785,.135,.15,.86) 2.2s}.active svg .starsvg-elem-15{fill:rgb(255,255,255)}svg .starsvg-elem-16{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(.785,.135,.15,.86) 2.3s;transition:fill 0.7s cubic-bezier(.785,.135,.15,.86) 2.3s}.active svg .starsvg-elem-16{fill:rgb(255,255,255)}svg .starsvg-elem-17{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(.785,.135,.15,.86) 2.4000000000000004s;transition:fill 0.7s cubic-bezier(.785,.135,.15,.86) 2.4000000000000004s}.active svg .starsvg-elem-17{fill:rgb(255,255,255)}svg .starsvg-elem-18{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(.785,.135,.15,.86) 2.5s;transition:fill 0.7s cubic-bezier(.785,.135,.15,.86) 2.5s}.active svg .starsvg-elem-18{fill:rgb(255,255,255)}svg .starsvg-elem-19{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(.785,.135,.15,.86) 2.6s;transition:fill 0.7s cubic-bezier(.785,.135,.15,.86) 2.6s}.active svg .starsvg-elem-19{fill:rgb(255,255,255)}svg .starsvg-elem-20{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(.785,.135,.15,.86) 2.7s;transition:fill 0.7s cubic-bezier(.785,.135,.15,.86) 2.7s}.active svg .starsvg-elem-20{fill:rgb(255,255,255)}svg .starsvg-elem-21{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(.785,.135,.15,.86) 2.8s;transition:fill 0.7s cubic-bezier(.785,.135,.15,.86) 2.8s}.active svg .starsvg-elem-21{fill:rgb(255,255,255)}svg .starsvg-elem-22{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(.785,.135,.15,.86) 2.9000000000000004s;transition:fill 0.7s cubic-bezier(.785,.135,.15,.86) 2.9000000000000004s}.active svg .starsvg-elem-22{fill:rgb(255,255,255)}svg .starsvg-elem-23{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(.785,.135,.15,.86) 3s;transition:fill 0.7s cubic-bezier(.785,.135,.15,.86) 3s}.active svg .starsvg-elem-23{fill:rgb(255,255,255)}svg .starsvg-elem-24{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(.785,.135,.15,.86) 3.1000000000000005s;transition:fill 0.7s cubic-bezier(.785,.135,.15,.86) 3.1000000000000005s}.active svg .starsvg-elem-24{fill:rgb(255,255,255)}svg .starsvg-elem-25{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(.785,.135,.15,.86) 3.2s;transition:fill 0.7s cubic-bezier(.785,.135,.15,.86) 3.2s}.active svg .starsvg-elem-25{fill:rgb(255,255,255)}svg .starsvg-elem-26{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(.785,.135,.15,.86) 3.3s;transition:fill 0.7s cubic-bezier(.785,.135,.15,.86) 3.3s}.active svg .starsvg-elem-26{fill:rgb(255,255,255)}svg .starsvg-elem-27{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(.785,.135,.15,.86) 3.4000000000000004s;transition:fill 0.7s cubic-bezier(.785,.135,.15,.86) 3.4000000000000004s}.active svg .starsvg-elem-27{fill:rgb(255,255,255)}svg .starsvg-elem-28{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(.785,.135,.15,.86) 3.5s;transition:fill 0.7s cubic-bezier(.785,.135,.15,.86) 3.5s}.active svg .starsvg-elem-28{fill:rgb(255,255,255)}svg .starsvg-elem-29{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(.785,.135,.15,.86) 3.6000000000000005s;transition:fill 0.7s cubic-bezier(.785,.135,.15,.86) 3.6000000000000005s}.active svg .starsvg-elem-29{fill:rgb(255,255,255)}svg .starsvg-elem-30{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(.785,.135,.15,.86) 3.7s;transition:fill 0.7s cubic-bezier(.785,.135,.15,.86) 3.7s}.active svg .starsvg-elem-30{fill:rgb(255,255,255)}svg .starsvg-elem-31{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(.785,.135,.15,.86) 3.8s;transition:fill 0.7s cubic-bezier(.785,.135,.15,.86) 3.8s}.active svg .starsvg-elem-31{fill:rgb(255,255,255)}



/* ==================================================

   基本設定

================================================== */

/* カラムの設定 */
.pm400_camp ul[class^="col_"] {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 10px;
	padding: 0;
}
.pm400_camp ul[class^="col_"] > li {
	margin: 0;
	padding: 0;
}
.pm400_camp ul[class^="col_"] > li > a {
	position: relative;
	display: block;
	background-color: #fff;
}
.pm400_camp ul[class^="col_"] > li > a:hover > img {
	opacity: 0.7;
}

/* 1カラム */
.pm400_camp ul.col_1 > li {
	width: 100%;
	margin-bottom: 20px;
}

/* 2カラム */
.pm400_camp ul.col_2 > li {
	width: 490px;
	margin-right: 20px;
}
.pm400_camp ul.col_2 > li:nth-child(2n) {
	margin-right: 0;
}
.pm400_camp ul.col_2 > li:nth-child(n+3) {
	margin-top: 20px;
}


/* コンテンツ幅 */
#camp_contents {
	width: 100%
}
.camp_section {
	width: 1200px;
	margin: 0 auto 80px;
}
.camp_section .camp_inner {
	width: 1000px;
	margin: 0 auto;
}

/* 見出し */
.camp_section h2 {
	width: 100%;
}
.camp_section h3 {
	width: 100%;
}
.camp_section .camp_inner + h3 {
	width: 100%;
	margin-top: 40px;
}

.pm400_camp .pc_none{ display: none; }


/*==============================
まとめ買い応援クーポン
==============================*/

/* 1カラム 背景色リセット */
.camp_section ul.col_1 > li > a {
	position: relative;
	background: transparent!important;
}
.camp_section ul.col_1 > li > a:hover > img {
	opacity: 0.9!important;
}

/* ボタン */
.camp_section .btn_coupon {
	width: 60%;
	margin: 10px auto;
	background-color: #ffffff;
	border: solid 3px #ffffff;
	border-radius: 100px;
}
.camp_section .btn_coupon span {
	position: relative;
	display: block;
	color: #d50069;
	font-size: 24px;
	font-weight: 700;
	padding: 0.75em;
	border: solid 3px #d50069;
	border-radius: 100px;
}
.camp_section .btn_coupon span::after {
	display: inline-block;
	vertical-align: middle;
	content: "";
	width: 8px;
	height: 8px;
	border-top: solid 4px #d50069;
	border-right: solid 4px #d50069;
	transform: rotate(45deg);
	margin-top: -3px;
	margin-left: 5px;
}
.camp_section a:hover .btn_coupon {
	width: 65%;
	background-color: #fff31c;
	border: solid 3px #fff31c;
}

/*==============================
セール一部対象商品
==============================*/
#camp_contents #sale {
	position: relative;
	margin: 40px auto;
	box-sizing: border-box;
}
#camp_contents #sale .camp_inner{
	position: relative;
	border: solid 10px #ffe100;
	background-color: #fff;
	padding: 40px;
	box-sizing: border-box;
}

/**/
#camp_contents #sale .camp_inner .col_2 > li {
	width: calc((100% - 40px*1)/2);
	margin-right: 40px;
}
#camp_contents #sale .camp_inner .col_2 > li:nth-child(2n) {
	margin-right: 0;
}
#camp_contents #sale .camp_inner .col_2 > li > a {
	display: block;
}
#camp_contents #sale .camp_inner .col_2 > li > a > img {
	width: 100%;
	height: auto;
}

/*==============================
夏のエアコン祭り 
==============================*/
.camp_section#aircon {
	position: relative;
	width: 1000px;
	margin: 40px auto 40px;
	padding: 0 0 20px;
	text-align: center;
	background-color: #002051;
	box-sizing: border-box;
}
.camp_section#aircon .camp_inner {
	position: relative;
	box-sizing: border-box;
}
.camp_section#aircon .camp_inner .col_1 li {
	margin: 0;
}

#aircon .title_aircon {
	width: 1000px;
	margin: 0 auto;
	border: solid 10px #002051;
	background-color: #fff;
}
#aircon .title_aircon a {
	display: block;
}
#aircon .title_aircon a img {
	width: 100%;
	height: auto;
}

#aircon .btn a {
	width: 60%;
	display: block;
	margin: 0 auto;
	background-color: #ffffff;
	border: solid 3px #ffffff;
	border-radius: 100px;
}
#aircon .btn a span  {
	position: relative;
	display: block;
	color: #d50069;
	font-size: 24px;
	font-weight: 700;
	padding: 0.75em;
	border: solid 3px #d50069;
	border-radius: 100px;
}
#aircon .btn a span::after {
	display: inline-block;
	vertical-align: middle;
	content: "";
	width: 8px;
	height: 8px;
	border-top: solid 4px #d50069;
	border-right: solid 4px #d50069;
	transform: rotate(45deg);
	margin-top: -3px;
	margin-left: 5px;
}
#aircon .btn a:hover {
	width: 70%;
	background-color: #fff31c;
	border: solid 3px #fff31c;
}



/*==============================
全額ポイントバッグ
==============================*/
#camp_contents #point {
	position: relative;
	width: 1000px;
	margin: 0 auto 40px;
	box-sizing: border-box;
}
#camp_contents #point .point .app{
	position: relative;
    text-align: end;
	box-sizing: border-box;
	border: solid 10px #ffe100;
}
#camp_contents #point .point .smp{
    position: absolute;
    top: 38%;
    left: 4%;
    transform: rotate(352deg);
    width: 20%;
}
#camp_contents #point .point .app .col_2{
    position: absolute;
    bottom: 0%;
    left: 0%;
    right: 0%;
    margin: 0;
    width: 83%;
    margin: 0 auto;
}
/* ポイントバックの中の2カラム */
.camp_section .point ul.col_2 {
	margin-bottom: 20px!important;
}
.camp_section .point ul.col_2 > li {
	width: calc((100% - 6px*1)/2);
	margin-right: 6px;
}
.camp_section ul.col_2 > li:nth-child(2n) {
	margin-right: 0;
}

/*==============================
その他イベント
==============================*/
.camp_section#other_event h2 {
	width: 1000px;
	color: #121212;
	font-size: 32px;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	background-color: #ffe100;
	margin: 0 auto 0;
	padding: 0.5em 0;
	box-sizing: border-box;
}
.camp_section#other_event .camp_inner{
	width: 1000px;
	margin: 0 auto 40px;
	padding: 40px 0 20px;
	background-color: #fff;
	border: solid 10px #ffe100;
	border-top: none;
	box-sizing: border-box;
}

/*==============================
サルベージ
==============================*/
.btn_salvage {
	width: 1000px;
	display: flex;
	flex-wrap: wrap;
	margin: 20px auto;
}
.btn_salvage li {
	width: calc((100% - 10px*2)/3);
	margin: 0 10px 10px 0;
}
.btn_salvage li:nth-child(3n) {
	margin-right: 0;
}
.btn_salvage li a {
	position: relative;
	display: block;
	padding: 0.75em 1.25em;
	background-color: #fff;
	box-sizing: border-box;
	border-radius: 20px;
	border: solid 5px #ffe100;
}
.btn_salvage li a dl {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.btn_salvage li a dt {
	/*width: calc(100% - 60px);*/
	color: #FF0066;
	font-size: 22px;
	font-weight: 700;
	line-height: 1;
	-webkit-order: 2;
	order: 2;
	padding-left: 0.5em;
}
.btn_salvage li a dd {
	width: 60px;
	-webkit-order: 1;
	order: 1;
}
.btn_salvage li a dd img {
	width: 100%;
	height: auto;
}
.btn_salvage li a::after {
	display: inline-block;
	content: "";
	width: 6px;
	height: 6px;
	position: absolute;
	top: 50%;
	right: 20px;
	border-top: solid 3px #FF0066;
	border-right: solid 3px #FF0066;
	transform: rotate(45deg);
	margin-top: -3px;
}
/**/
.btn_salvage li a:hover {
	background-color: #FF0066;
	border-color: #fff;
}
.btn_salvage li a:hover dt {
	color: #fff;
}
.btn_salvage li a:hover::after {
	right: 10px;
	border-color: #fff;
}

/*==============================
アニメーション
==============================*/

/* ズームイン */
.zoomin {
	opacity: 0;
}
.zoomin.is-animated {
	animation: zoomIn 0.8s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;
}
@keyframes zoomIn {
	0% {
		transform: scale(0.8);
		opacity: 0;
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}

/* 透過　*/
.pm400_camp a img {
	opacity: 1;
}
.pm400_camp a img:hover {
	opacity: 0.7;
}

/* hover アニメーション　*/
.pm400_camp a,
.pm400_camp a:hover,
.pm400_camp a img,
.pm400_camp a:hover img,
.camp_section a .btn_coupon,
.camp_section a:hover .btn_coupon,
.btn_salvage li a,
.btn_salvage li a:hover,
.btn_salvage li a::after,
.btn_salvage li a:hover::after {
	transition: 0.2s all;
}