﻿
		#rounded-box{
		  width: 950px;
		  height:70px;
		  border-radius: 10px;
		  background-image: linear-gradient(to right, #ffff40 0%, #ffffdd 100%);
		 # background-color: lightgray;
		  display: flex;
		  justify-content: center;
		  align-items: center;
		}

	  .oshirase {
	      width: 950px;
	      height: 160px;
	      border: 1px solid;
	      overflow-y: scroll;
	      margin: 0 auto; /* ボックスを中央に配置 */
	      text-align: left; /* テキストを左揃え */
	  }


        .container {
            display: flex;
            justify-content: center;
            gap: 5px;
        }
        
        .wrapper {
            width: 125px;
            padding: 0; /* 内側の余白をゼロに設定 */
            height: 30px; /* 高さを28ピクセルに設定 */
            background-color: #ccc;
            text-align: center;
            position: relative;
            line-height: 28px; /* テキストを中央に揃える */
            cursor: pointer;
        }
        
		.wrapper a {
		    text-decoration: none; /* 通常時の下線を非表示に */
		    color: #000000; /* 文字色を設定 */
		}
        
        ul {
            width: 170px;
            list-style-type: none;
            padding: 0;
            margin: 0;
            position: absolute;
            background-color: #f9f9f9;
            border: 1px solid #ccc;
            display: none; /* 初期状態で非表示 */
            top: 100%;
            left: 0;
           <!-- grid-template-columns: repeat(2, 1fr);-->
        }
        
        li {
        	width: 160px;
            padding: 0; /* 内側の余白をゼロに設定 */
            height: 26px; /* 高さを26ピクセルに設定 */
            line-height: 26px;
		    text-align: left; /* テキストを左揃えに設定 */
		    padding-left: 10px; /* 左端と文字間に10pxの余白を追加 */
            background-color: #f0f0f0;
            border: 1px solid #ccc;
        }
        
        .wrapper:hover ul {
            display: grid; /* マウスオーバー時にリストを表示 */
        }

		/* 項目部分の初期背景色を淡いブルーに設定 */
		li {
		    background-color: #d9edf7; /* 淡いブルー */
		    transition: background-color 0.3s; /* スムーズな色変化のためのトランジション */
		}

		/* カーソルが項目部分に重なったときの背景色をvioletに設定 */
		li:hover {
		    background-color: #ee82ee; /* violet */
		}

	    /* 要素1〜要素5の背景色をlawngreenに設定 */
	    .wrapper:nth-child(-n+5) {
	        background-color: #5555ff;
 	   }

		.separator {
		    height: 3px;
		    background-color: #000; /* Set the separator color */
		    margin: 1px 0; /* Add some spacing around the separator */
		}

