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



.btn {
    color: #fff;
	font-size:11px;
    background: rgba(0, 0, 0, .6);
    padding: .1em .5em;
    border-radius: .0em;
    text-align: center;
    display: table;
    cursor: pinter; 
}
.btn:hover {
    cursor: pinter; 
}
.btn:active {
    background: rgb(0, 0, 0);
}


/* close button */
.action-close {
    position: relative;
    margin-top: 0px;
	width:157px;
}
.action-close .btn {
    position: absolute;
    right: 0;
    top: -10px;
}



/* checkbox non-display */
.add-control .checkbox {
    display: none;
}

/* close button's control */
.add-control .action-close #close:checked ~ .btn {
    display: none;
}
.add-control .action-close #close:checked ~ .box {
    display: none;
	
}


/*-------------------------2個目-------------------------------------- */

/* close button */
.action-close-2 {
    position: relative;
    margin-top: 0;
	width:157px;
}
.action-close-2 .btn {
    position: absolute;
    right: 0;
    top: -10px;
}

/* checkbox non-display */
.add-control-2 .checkbox {
    display: none;
}

/* close button's control */
.add-control-2 .action-close-2 #close2:checked ~ .btn {
    display: none;
}
.add-control-2 .action-close-2 #close2:checked ~ .box2 {
    display: none;
	
}


/*-------------------------3個目-------------------------------------- */

/* close button */
.action-close-3 {
position: relative;
margin-top: 25px;
width: 157px;
}

.action-close-3 .btn {
position: absolute;
right: 0;
top: -20px;
}

/* checkbox non-display */
.add-control-3 .checkbox {
    display: none;
}

/* close button's control */
.add-control-3 .action-close-3 #close3:checked ~ .btn {
    display: none;
}
.add-control-3 .action-close-3 #close3:checked ~ .box3 {
    display: none;
	
}



/*-------------------------右1個目-------------------------------------- */

/* close button */
.action-close-4 {
    position: relative;
    margin-top: 0;
	width:157px;
}
.action-close-4 .btn {
    position: absolute;
    right: 0;
    top: -10px;
}

/* checkbox non-display */
.add-control-4 .checkbox {
    display: none;
}

/* close button's control */
.add-control-4 .action-close-4 #close4:checked ~ .btn {
    display: none;
}
.add-control-4 .action-close-4 #close4:checked ~ .box4 {
    display: none;
	
}



/*-------------------------右2個目-------------------------------------- */

/* close button */
.action-close-5 {
    position: relative;
    margin-top: 0;
	width:157px;
}
.action-close-5 .btn {
    position: absolute;
    right: 0;
    top: -10px;
}

/* checkbox non-display */
.add-control-5 .checkbox {
    display: none;
}

/* close button's control */
.add-control-5 .action-close-5 #close5:checked ~ .btn {
    display: none;
}
.add-control-5 .action-close-5 #close5:checked ~ .box5 {
    display: none;
	
}






/* defo padding:28px */
.box {padding:0.5em 0 0 0; width:157px; z-index:99999999999;}
.box2 {padding:10px 0 0 0; width:157px; z-index:99999999999;}
.box3 {padding:1px 0 0 0; width:157px; z-index:99999999999;}
.box4 {padding:10px 0 0 0; width:157px; z-index:99999999999;}
.box5 {padding:10px 0 0 0; width:157px; z-index:99999999999;}