html { height:100%; }



a{/*リンクされた文字*/
    color:#FFFFFF;
    font-style:normal;
    text-decoration:underline;
}

a:hover {/*マウスをのせたとき*/
    color:#04be04;
    font-style:normal;
    text-decoration:underline;
}

a.linklink{
MARGIN-left:0px;
color:#FFFFFF;
display:block;
width:90%;
padding-top:3px;
padding-bottom:3px;
text-align:center;
border:1px solid;
border-color:#008000 5px;
background:#FFFFFF;
text-decoration: none;
}

a.linklink:hover{
color:#FF0000;
background:#FFFFFF;
border:1px solid ;
border-color:#FFFFFF;
text-decoration: none;
}



body{
color:#FFFFFF;
font-family: 'Teko', sans-serif;
}

/*pc_cssここから*/

@media screen and (min-width:900px){

.cnt01{
  margin:10px;
  width:80%;
  height:auto;
  clear:both;
  border:5px;
  border-style: solid;
  border-color: #04be04;
}

.leftcnt{
  margin:10px;
  width:45%;
  height:auto;
  float:left;
  align:left;
}

.rightcnt{
  padding:0px;
  margin:10px;
  width:45%;
  height:auto;
  float:left;
  text-align:left;
  position: relative;
}

.child {
  position: absolute;
  margin-top: 10%;
  left: 0px;
}

.clearbox{
	clear: both;
	background: rgba(0,0,0,0.1);
	width: 50%;
	height: 1px;
	padding: 0px;
}

p{
margin:0px;
font-size:400%;
}



iframe{
margin:auto;
margin-bottom: 5px;
width:80%;
height:auto;
}

img{
width:50%;
height:auto;
margin:10px;
}



/*--make squuare--*/
.square-wrapper{
  position:relative;
  width:100%;
    text-align:center;
    vertical-align:middle;
    background:rgba(255,0 0,0.5);
    border-style: solid;
    border-color: #000000;
    border-width: 0px 0px 1px 0px;

}

.spacer{
  width:100%;
  padding-bottom:100%;
    background:rgba(255,0 0,0.5);
}
.content{
    text-align:center;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
   background:rgba(255,0 0,0.5);
}

/*--until make squuare--*/

}/*pc_cssここまで*/


/*モバイル_cssここから*/

@media screen and (max-width:899px) {

.cnt01{
  margin:10px;
  width:90%;
  height:auto;
  clear:both;
  border:2px;
  border-style: solid;
  border-color: #04be04;
}

.leftcnt{
  margin:10px;
  width:40%;
  height:auto;
  float:left;
  align:left;
}

.rightcnt{
  padding:0px;
  margin:0px;
  width:45%;
  height:auto;
  float:left;
  text-align:left;
  position: relative;
}

.child {
  position: absolute;
  margin-top: 25%;
  left: 0px;
}

.clearbox{
	clear: both;
	background: rgba(0,0,0,0.1);
	width: 50%;
	height: 1px;
	padding: 0px;
}

p{
margin:0px;
font-size:120%;
}

img{
width:70%;
height:auto;
margin:10px;
}

iframe{
margin:auto;
margin-bottom: 5px;
width:80%;
height:auto;
}



/*--make squuare--*/
.square-wrapper{
  position:relative;
  width:100%;
    text-align:center;
    vertical-align:middle;
    background:rgba(255,0 0,0.5);
    border-style: solid;
    border-color: #000000;
    border-width: 0px 0px 1px 0px;

}

.spacer{
  width:100%;
  padding-bottom:100%;
    background:rgba(255,0 0,0.5);
}
.content{
    text-align:center;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
   background:rgba(255,0 0,0.5);
}

/*--until make squuare--*/

}/*モバイル_cssここまで*/