#menu ul {
    list-style-type: none;/* リストマークなし */
    padding: 0;/* リストマークの余白なし */
}

#menu > ul {/*PC.css*/
		width: 1100px;
		margin: auto;
}

@media only screen and (min-width: 769px) {
#menu .dropmenu li ul li > a {/*ドロップダウンメニュー文字サイズ指定*/
	    font-size:15px;
}
.dropmenu {
    display: flex;/* 要素をFlexboxに定義 */
    justify-content: flex-start;/* 左寄せ配置 */
    text-align: center;/* テキストを中央寄せ */
}
.dropmenu li {
    position: relative;/* ボックスの配置基準 */
    z-index: 1;/* 前面に描画 */
    min-width: 183.3px;/* 親メニューの最小横幅 */
}
.dropmenu a {
    display: block;/* 要素をブロックに定義 */
    text-decoration: none;/* リンク下線なし */
    background-color: #FFF;/* 背景色 */
    /*color: #696969;/* テキスト色 */
    padding: 25px 10px;/* 余白 */
}
.dropmenu a:hover {
    background-color: #DEB887;/* リンク選択時の背景色 */
}
.dropmenu li ul {/* 子メニュー */
    position: absolute;/* ボックスの配置基準 */
    top: 100%;/* 親メニュー上部からの表示位置 */
    left: 0;/* 親メニュー左端からの表示位置 */
    width: 100%;/* 親メニュー幅に合わせる */
}
.dropmenu li ul li {
    visibility: hidden;/* 子メニューの非表示 */
    /* スライド表示させる場合は以下も */
    overflow: hidden;/* ボックスからはみ出た部分を非表示 */
    height: 0;
    transition-duration: 0.2s;/* 変化にかかる時間 */
}
.dropmenu li:hover > ul > li {
    visibility: visible;/* 子メニューの表示 */
    /* スライド表示させる場合は以下も */
    overflow: visible;/* ボックスからはみ出た部分を表示 */
    height: auto;/* 項目名が途切れて隠れないように注意 */
}

.dropmenu li ul {
    visibility: hidden;
    opacity: 0;
    transition: .2s ease-in-out;
}
.dropmenu li:hover > ul {
    visibility: visible;
    opacity: 1;
}

.dropmenu li ul li ul {
    top: 0;/* 子メニュー上部からの表示位置 */
    left: 100%;/* 子メニュー左端からの表示位置 */
}
.dropmenu li:last-child ul li ul {/* 親メニュー最後のリストの孫表示は左側に表示 */
    left: -100%;
}

}