@charset "utf-8";


/*========= モーダル表示 ===============*/

/* cookie-popupエリアをはじめは非表示 */
#cookie-popup{
	display: none;
}

/*モーダルの横幅を変更したい場合*/
.modaal-container{
    max-width: 600px;
}

/*モーダルのボタンの色を変更したい場合*/
.modaal-close:after, 
.modaal-close:before{
	background:#ccc;	
}

.modaal-close:focus:after,
.modaal-close:focus:before,
.modaal-close:hover:after,
.modaal-close:hover:before{
	background:#666;
}


/*========= レイアウト ===============*/

#about-cookie{
    font-weight: bold;
}

button#btn {
    background-color: black;
    color: white;
    border-radius: 5px;
    padding: 20px;
    margin: 20px auto;
    width: 200px;
    display: block;
}

button#btn:hover {
    background-color: dimgrey;
    cursor: pointer;
}

.modaal-content-container {
   color: dimgrey;
}

.modaal-container {
    border-radius: 5px;
}

a.policy:hover {
    color: blueviolet;
}

a.policy {
    text-decoration: none;
    color: lightseagreen;
}