.hidden{
	display: none;
}
html{
	height: 100%;
	margin: 0;
}

body{
    min-height: 100vh;
    margin: 0;
    background-image: url(../haikei/haikei.png);
    background-size: 100%;
    background-repeat: repeat-y;
    bottom: auto;
}
#contents{
	height: 100%;
}
.tabmenu{
    width:50%;
    float: left;
}

.fukidasi{
    width: 90%;
	height: 100%;
    background-image: url(../haikei/memo.png);
    background-size: 100%;
	overflow: auto;
	background-repeat: no-repeat;
    margin-right: 10%;
	padding-bottom: 10%;
}
.fukidasi1{
    margin-left: 5%;
    margin-right: 10%;
    padding-top: 20%;
	padding-bottom: 10%;
    width: 85%;
	height: 3300px;
    margin-top: 0px;
}
.elementry{
    padding: 10% 5%;
    display : flex ;
    flex-wrap: wrap;
    justify-content: space-between;
}
.icon{
    width: 15%;
    padding: 0px 0px 0px 8%;
    float: left;
    margin-top: 2%;    /* 上の間隔を20pxに設定 */
    margin-bottom: 2%;
}

.fukidasie{
    width: 45%;
    height: auto;
    float:left;
}
.fukidasim{
    width: 43%;
    height: auto;
    float:left;
}
.fukidasiu{
    width: 40%;
    height: auto;
    float:right;
}
.fukidasit{
    width: 20%;
    height: auto;
    float:left;
}
.fukidasitn{
    width: 10%;
    height: auto;
    float:left;
}
.ranking{
    width: 100%;
	height: auto;
    background-image: url(../haikei/ranking.png);
    background-size: 100%;
	background-repeat: no-repeat;
	padding-bottom: 35%;
    margin-top: 10%;
}
.inshou{
    width: 90%;
    padding-top: 11%;
    padding-left: 9%;
	padding-bottom: 25%
}
.naketa{
    width: 37%;
    padding-left: 62%;
	padding-bottom: 17%;
}
.horeta{
    width: 53%;
    margin-left: 22%;
    margin-right: 25%;
}
footer{
    background-color : rgba(187,140,110,0.69);
    width : 100%;
    height: auto;
    padding: 3% 0;
    text-align: center;
}

 .menu-button {
            position: fixed;
	 		width: 10%;
            bottom: 10px;
            right: 10px;
            padding: 10px 20px;
            color: white;
            cursor: pointer;
            border: none;
            border-radius: 5px;
			background-color: rgba(255,255,255,0.50);
            z-index: 1000; /* メニューが他の要素の上に表示されるように */
        }
 .menu {
            display: none;
            position: fixed;
            bottom: 150px;
            right: 10px;
            background-color: rgba(255,255,255,0.50);
            box-shadow: 0 4px 8px rgba(0,0,0,0.1);
            border-radius: 5px;
            overflow: hidden;
            transform: translateY(100%);
            transition: transform 0.3s ease-in-out;
            z-index: 999; /* メニューが他の要素の上に表示されるように */
        }

        .menu.show {
            display: block;
            transform: translateY(0);
        }

        .menu-item {
            padding: 10px 20px;
            cursor: pointer;
        }

        .menu-item:hover {
            background-color: #f0f0f0;
        }