@charset "UTF-8";



/*----------------------------
scroll_up ｜下から上へ出現
----------------------------*/
.scroll_up {
z-index:5000;
opacity: 0;
      scale: 0.5;
      transition: 0.5s cubic-bezier(0.77, 0.2, 0.05, 1); 
}
.scroll_up.on {
opacity: 1.0;
scale: 1;
width: 100%;
position: fixed;
z-index: 9000;
width: 40%;
bottom: 10%;
}



.modal_area {
text-align: center;
padding:0.5em;
}
.modal_area a {
display:block;
}
.modal_area img {
width:100%;
margin-bottom:5px;
}

.modal_area em {
border-bottom: 0.5em;
font-size: 0.9em;
font-weight: bold;
display: block;
}

.modal_area button {
border-radius: 5px;
background: #d93127;
padding: 0.5em;
margin: 0.5em auto 1em;
width: 80%;
color: #ffffff;
border: none;
box-shadow: 0px 3px 0px 0px rgba(96, 0, 0, 1);
font-weight: bold;
}

.btn {
color: #fff;
background: #000000;
padding: .3em .5em;
border-radius: .3em;
text-align: center;
display: table;
font-weight: bold;

}
.btn:hover {
cursor: pinter;
}
.btn:active {
background: #f4d600;
}

/* close button */
.action-close {
position: relative;
margin-top: 2em;
}
.action-close .btn {
position: absolute;
right: 0;
top: 0;
}
.action-close .box {
margin-bottom: 2em;
border: 2px solid #ffce5b;
}
 
/* checkbox 非表示 */
.add-control .checkbox {
display: none;
}
 
/* close button's control */
.add-control .action-close #close:checked ~ .btn {
display: none;
}
.add-control .action-close #close:checked ~ .modal_area {
display: none;
}

.banner_area a {
margin-bottom:0.5em;
}
.banner_area a:last-child {
margin-bottom:0;
}
.banner_area a img {
border-radius:0;
}
.banner_area a p {
display:none;

}