.hide-area{
    display:none;
}

.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;
}

/* 動画表示のモーダル */
.modaal-video .modaal-inner-wrapper{
    background-color: #666;
    padding-top: 1.8%/*動画の配置を調整*/
}


/* 確認を促すモーダル */
#modaal-title{
    font-size:1.2rem;
    text-align:center;
    margin:0 0 20px 0;
}


.caption{
    margin:0;
    padding:0;
    font-size: small;
}

/* ログイン場面の場合 */

.login{
    background-color: aliceblue;
    text-align: center;
    width:80%;
    padding:20px 0px;
    margin:10px 10px;
}

.login a{
    text-decoration: none;
}

/* 画像の場合 */
#gallery-img{
    background-color: aliceblue;
    width:80%;
    height:auto;
    padding:20px 0px;
    margin:10px 10px;
    text-align: center;
}

#gallery-img img{
    width:200px;
    height:150px;
    border-radius: 30px;
}

#gallery-img ul li{
    display: inline-block;
    list-style-type: none;
}

/* 動画の場合 */
.character{
    display: block;
    text-align: center;
    width:80%;
    height:auto;
    padding:20px 0px;
    margin:10px 10px;
    background-color: aliceblue;
}


/*目次*/
.aspect{
	position:fixed;
	right:10px;
	top:150px;
	
	margin:5px;
	padding:5px;

	width:15%;
	background-color:rgba(125, 91, 131, 0.7);
	text-align:center;
    font-weight: bold;/*文字を太字に*/
}