@charset "utf-8";
/* font
    font-family: 'Noto Sans JP', sans-serif; gotic
    font-family: 'Noto Serif JP', serif;	micho
*/
/* 標準可変メディア
   メモ : 可変メディアでは、HTML からメディアの高さおよび幅の属性を削除する必要がある
   http://www.alistapart.com/articles/fluid-images/ 
*/
/* Smart menu: */

/* Mobile menu toggle button */

/* hamburger icon */

/* x icon */

/* hide menu state checkbox (keep it visible to screen readers) */

/* hide the menu in mobile view */
.fixedMenu {
	background-color: #F9A94B;
}
.staticMenu #main-menu-state:checked ~ #main-menu {
    display: block;
    background-color: #F9A94B;
}
.sm-clean {
	background: #F9A94B;
}

/* タブレットレイアウト : 481 px ～ 768 px。モバイルレイアウトからスタイルを継承。 */

@media only screen and (min-width: 481px) {
}

/* デスクトップレイアウト : 769 px ～最大 1232 px。モバイルレイアウトとタブレットレイアウトからスタイルを継承。 */

@media only screen and (min-width: 768px) {
.sm-clean {
	background: none;
}
.sm-clean ul {
	background: #EF9F41;
	border: 1px solid #EF9F41;
}
.sm-clean ul a:hover, .sm-clean ul a:focus, .sm-clean ul a:active, .sm-clean ul a.highlighted {
    background: #F9A94B;
}
.sm-clean > li > ul::before,
.sm-clean > li > ul::after {
      border-color: transparent transparent #EF9F41 transparent; 
}
}