/*
Theme Name: Lightning Child Sample
Theme URI:
Template: lightning
Description:
Author:
Tags:
Version: 0.6.1
*/

/*導入の部分*/
.first_p{
	width:55%;
	margin:auto;
	font-size:16px;
	
}
/*トラップの部分*/
.trap h2{
	font-size:50px;
	color:#fff;
	margin-bottom:50px!important;
}

.trap p{
	font-size:28px;
	color:#ffff;
	position:relative;
	z-index:2;
}
.trap img{
	position:relative;
	z-index:2;
}

.is-layout-flex > :is(*, div) {
    margin: auto;
}
.trap{
	position: relative;
	height:1700px;
}
.trapback1{
	width:100%;
	height:1500px;
	background-color:#C4C6BC;
	opacity: 0.5;
	position:absolute;
	top:10%;
	left:-200px;
	z-index:1;
	box-shadow: 4px 4px 6px;
	
}

.trapback2{
	width:100%;
	height:1020px;
	background-color:#C4C6BC;
	opacity: 0.5;
	position:absolute;
	top:40%;
	left:200px;
	z-index:1;
	box-shadow: -4px -4px 6px;
	
}

.trapsquare{
	width:200px;
	height:200px;
	background-color:#00aace;
	position:absolute;
	z-index:1;
	top:30%;
	left:40%;
	box-shadow: 4px 4px 6px;
}

.trapsquare2{
	width:150px;
	height:150px;
	background-color:#00aace;
	position:absolute;
	z-index:1;
	top:63%;
	left:42%;
	box-shadow: -4px -4px 6px;
}

/*もう大丈夫の部分*/
.triangle {
  background: #00aace;
  height: calc(tan(60deg) * 80px / 2);
  width: 80px;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
	position:absolute;
	top:-1px;
	left:15%;
	z-index:9999;
}

.ok{
	position:relative;
}

.okp{
	color:#fff;
	position:absolute;
	top:15%;
	right:0;
	font-weight: bold;
	/*text-shadow:
            3px 3px 3px #000, -3px -3px 3px #00aace,
           -3px 3px 3px #00aace,  3px -3px 3px #000,
            3px 0px 3px #000, -3px -0px 3px #00aace,
            0px 3px 3px #00aace,  0px -3px 3px #000;*/
}

.okp2{
	color:#000;
	position:absolute;
	top:70%;
	right:10%;
	font-weight: bold;
}

.okp3{
	color:#000;
	position:absolute;
	top:93%;
	right:15%;
	font-size:5vh;
	font-weight: bold;
}
.okp3 span{
	color:red;
}