@charset "utf-8";
/* CSS Document */

/*popup表示させたいコンテンツのレイアウトと位置*/
#popup{
	max-width: 600px;
  width:calc( 90% - 10px ) ;
	height: auto;
 /* line-height:100px;*/
  background-color:#90ad66;
  padding:10px;
  box-sizing:border-box;
  display:none;
  position:fixed;
  top:50%;
  left:50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
	z-index: 10000;
}
#popup img{
  width:100%;
	height: auto;
}
label{
  display:block;
}
/*ボタンの装飾*/
label span{
  display:block;
  font-family: "mincho";
	letter-spacing: 0.05em;
	font-size: 1.2em;
    width: 250px;
    /*height: 40px;*/
    text-align: center;
	background-color: #fff;
	border: #000 solid 1px;
	margin: 10px auto;
	line-height: 40px;
}
label span:hover{
  cursor:pointer;
}
input[type="checkbox"]{
  display:none;
}
/*checkboxがチェックの状態になったらpopupを表示させる*/
input[type="checkbox"]:checked + #popup{
  display:block;
}