@import url( https://www.kingjim.co.jp/resource/style/base.css );
@import url( https://www.kingjim.co.jp/resource/style/structure.css );
@import url( https://www.kingjim.co.jp/resource/style/contents.css );
@import url( https://www.kingjim.co.jp/resource/style/unique.css );
#fbCampaign {
	background: rgb(255, 255, 255);
}
#fbCampaign * {
	box-sizing: border-box;
}
#fbCampaign .contents-inner {
	background: rgb(246, 247, 248); margin: 0px auto; width: 950px;
}
#fbCampaign h3 {
	text-align: center;
}
#fbCampaign .nav1 {
	background: url("/resource/images/kj_finals/nav.jpg") no-repeat; width: 950px; height: 72px; position: relative;
}
#fbCampaign .nav1 li {
	width: 33.33%; height: 72px; position: absolute;
}
#fbCampaign .nav1 li a {
	width: 100%; height: 100%; text-indent: -9999px; display: block;
}
#fbCampaign .nav1 li:nth-child(1) {
	left: 0px;
}
#fbCampaign .nav1 li:nth-child(2) {
	left: 33.33%;
}
#fbCampaign .nav1 li:nth-child(3) {
	left: 66.66%;
}
#fbCampaign .con3 .step1 {
	background: url("/resource/images/kj_finals/con3-1.png") no-repeat; margin: 20px auto 60px; width: 880px; height: 275px; position: relative;
}
#fbCampaign .con3 .step1 a.btn1 {
	left: 450px; top: 87px; display: block; position: absolute;
}
#fbCampaign .con3 .step1 a.btn2 {
	left: 450px; top: 200px; display: block; position: absolute;
}
#fbCampaign .con3 .product {
	margin: 40px auto; width: 880px; height: 440px; position: relative;
}
#fbCampaign .con3 .product .circle {
	left: 0px; top: 0px; width: 440px; height: 440px; position: absolute; z-index: 2; transform-style: preserve-3d; -webkit-perspective: 1000; -webkit-transform-style: preserve-3d;
}
#fbCampaign .con3 .product.on .circle .circleF {
	transform: rotateY(180deg); -webkit-transform: rotateY(180deg);
}
#fbCampaign .con3 .product .circleF {
	transition:0.5s cubic-bezier(0.2, -0.2, 0.8, 1); left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; transform: rotateY(0deg); transform-style: preserve-3d; backface-visibility: hidden; -webkit-transform: rotateY(0deg); -webkit-transition: all 0.5s cubic-bezier(0.2, -0.2, 0.8, 1); -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden;
}
#fbCampaign .con3 .product.on .circle .circleB {
	transform: rotateY(0deg); -webkit-transform: rotateY(0deg);
}
#fbCampaign .con3 .product .circleB {
	transition:0.5s cubic-bezier(0.2, -0.2, 0.8, 1); left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; transform: rotateY(-180deg); transform-style: preserve-3d; backface-visibility: hidden; -webkit-transform: rotateY(-180deg); -webkit-transition: all 0.5s cubic-bezier(0.2, -0.2, 0.8, 1); -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden;
}
#fbCampaign .con3 .product .txt {
	transition:0.7s ease-out; left: 0px; top: 70px; position: absolute; z-index: 1; opacity: 0; -webkit-transition: all .7s ease-out;
}
#fbCampaign .con3 .product .txt a {
	display: block; position: absolute; z-index: 2;
}
#fbCampaign .con3 .product .txt a:hover {
	background: rgba(255, 255, 255, 0.5);
}
#fbCampaign .con3 .product .txt.four {
	top: 0px;
}
#fbCampaign .con3 .product .txt.eight {
	top: 20px;
}
#fbCampaign .con3 .product.on .txt {
	left: 50%; opacity: 1;
}
#fbCampaign .con3 .product.product1 a:nth-of-type(1) {
	left: 118px; top: 84px; width: 238px; height: 230px;
}
#fbCampaign .con3 .product.product2 a:nth-of-type(1) {
	left: 12px; top: 84px; width: 140px; height: 195px;
}
#fbCampaign .con3 .product.product2 a:nth-of-type(2) {
	left: 152px; top: 84px; width: 167px; height: 195px;
}
#fbCampaign .con3 .product.product2 a:nth-of-type(3) {
	top: 84px; width: 124px; height: 195px; right: -20px;
}
#fbCampaign .con3 .product.product3 a:nth-of-type(1) {
	left: 112px; top: 109px; width: 238px; height: 170px;
}
#fbCampaign .con3 .product.product4 a:nth-of-type(1) {
	left: 9px; top: 111px; width: 114px; height: 141px;
}
#fbCampaign .con3 .product.product4 a:nth-of-type(2) {
	left: 123px; top: 111px; width: 111px; height: 169px;
}
#fbCampaign .con3 .product.product4 a:nth-of-type(3) {
	left: 234px; top: 111px; width: 103px; height: 169px;
}
#fbCampaign .con3 .product.product4 a:nth-of-type(4) {
	top: 111px; width: 113px; height: 169px; right: -10px;
}
#fbCampaign .con3 .product.product4 a:nth-of-type(5) {
	left: 66px; top: 280px; width: 111px; height: 169px;
}
#fbCampaign .con3 .product.product4 a:nth-of-type(6) {
	left: 177px; top: 280px; width: 107px; height: 169px;
}
#fbCampaign .con3 .product.product4 a:nth-of-type(7) {
	left: 284px; top: 280px; width: 107px; height: 169px;
}
#fbCampaign .con3 .product.product5 a:nth-of-type(1) {
	left: 12px; top: 84px; width: 140px; height: 216px;
}
#fbCampaign .con3 .product.product5 a:nth-of-type(2) {
	left: 152px; top: 84px; width: 154px; height: 216px;
}
#fbCampaign .con3 .product.product5 a:nth-of-type(3) {
	top: 84px; width: 156px; height: 216px; right: 0px;
}
#fbCampaign .con3 .product.product6 a:nth-of-type(1) {
	left: 12px; top: 110px; width: 145px; height: 190px;
}
#fbCampaign .con3 .product.product6 a:nth-of-type(2) {
	left: 157px; top: 110px; width: 146px; height: 190px;
}
#fbCampaign .con3 .product.product6 a:nth-of-type(3) {
	top: 110px; width: 147px; height: 190px; right: -10px;
}
#fbCampaign .con3 .product.product7 a:nth-of-type(1) {
	left: 12px; top: 110px; width: 145px; height: 190px;
}
#fbCampaign .con3 .product.product7 a:nth-of-type(2) {
	left: 157px; top: 110px; width: 146px; height: 190px;
}
#fbCampaign .con3 .product.product7 a:nth-of-type(3) {
	top: 110px; width: 147px; height: 190px; right: -10px;
}
#fbCampaign .con3 .product.product8 a:nth-of-type(1) {
	left: 8px; top: 86px; width: 222px; height: 153px;
}
#fbCampaign .con3 .product.product8 a:nth-of-type(2) {
	left: 230px; top: 86px; width: 222px; height: 153px;
}
#fbCampaign .con3 .product.product8 a:nth-of-type(3) {
	left: 8px; top: 239px; width: 222px; height: 153px;
}
#fbCampaign .con3 .product.product8 a:nth-of-type(4) {
	left: 230px; top: 239px; width: 222px; height: 186px;
}
#fbCampaign .con3fb {
	background: rgb(255, 255, 255); border-width: 1px 8px; border-style: solid; border-color: rgb(221, 223, 225) rgb(173, 187, 215); margin: 150px auto 50px; width: 880px; position: relative;
}
#fbCampaign .con3fb h3 {
	left: 50%; top: -30px; margin-left: -284px; position: absolute;
}
#fbCampaign .con3fb .fb-post {
	margin: 130px auto 50px; width: 500px; display: block;
}
#fbCampaign .con3fb p {
	margin: 50px auto; text-align: center !important; font-size: 14px;
}
#fbCampaign .con3fb p a {
	text-align: center; position: relative;
}
#fbCampaign .con3fb p a::after {
	background: url("/resource/images/kj_finals/ico_blank.png") no-repeat; width: 12px; height: 11px; margin-left: 5px; display: inline-block; content: "";
}
#fbCampaign .con3-3 {
	background: url("/resource/images/kj_finals/con3-3.png") no-repeat; margin: 0px auto 50px; width: 760px; height: 438px; position: relative;
}
#fbCampaign .con3-3 h2 {
	display: none;
}
#fbCampaign .con3-3 .fb-like {
	left: 55%; width: 79px; height: 22px; bottom: 36px; position: absolute; z-index: 10;
}
#fbCampaign .con4 {
	padding-bottom: 50px;
}
#fbCampaign .con4 h2 {
	margin-bottom: 40px;
}
#fbCampaign .con4 .rule {
	background: rgb(255, 255, 255); margin: 0px auto; padding: 30px; border: 1px solid rgb(221, 223, 225); border-image: none; width: 858px; height: 360px; overflow: scroll; box-shadow: 0px 0px 0px 10px #fff, 0px 0px 0px 11px #dddfe1;
}
#fbCampaign .con4 .rule dt {
	text-align: left; color: rgb(50, 84, 155); font-size: 16px; font-weight: bold; margin-bottom: 7px;
}
#fbCampaign .con4 .rule dd {
	text-align: left; font-size: 14px; margin-bottom: 20px;
}
#fbCampaign .con4 .rule dl {
	margin-bottom: 20px; border-bottom-color: rgb(221, 223, 225); border-bottom-width: 1px; border-bottom-style: solid;
}