@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 */
.main-menu-btn-icon, .main-menu-btn-icon::before, .main-menu-btn-icon::after {
	background: #fff;
}

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

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

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

@media only screen and (min-width: 768px) {
#main-menu {
	max-width: 595px;
}
.sm-clean a .sub-arrow {
	border-color: #fff transparent transparent transparent;
}
.sm-clean ul {
	padding: 5px 0;
	box-shadow: 0 5px 9px rgba(0, 0, 0, 0.2);
}
.sm-clean ul a:hover, .sm-clean ul a:focus, .sm-clean ul a:active, .sm-clean ul a.highlighted {
}
.sm-clean > li > ul::before,
.sm-clean > li > ul::after {
}
.sm-clean a, .sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active, .sm-clean a.highlighted {
	color: #fff;
}
.sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active, .sm-clean a.highlighted {
	background-color: rgba(255,255,255,0.2);
}
.sm-clean > li {
	border-right: solid 1px #fff;
}
.sm-clean ul a, .sm-clean ul a:hover, .sm-clean ul a:focus, .sm-clean ul a:active, .sm-clean ul a.highlighted {
	color: #fff;
}
}