#page-top {
    position: fixed;
    bottom: 40px;
    right: 0px;
}
@media screen and (min-width:769px) {
ul.drawer-menu li.drawer-menu-item a.hovered {
       	font-weight:bold!important;
}
	
ul.drawer-menu li.drawer-menu-item a.hovered::after {
        content: "";
        background-color: #ffffff;
        width: 7px;
        height: 7px;
        border-radius: 7px;
}
ul.drawer-menu li.drawer-menu-item a.hovered::after {
        position: absolute;
        top: 70%;
        left: 45%;
}
}

/*
@media screen and (min-width:769px) {
ul.drawer-menu li.drawer-menu-item a::after {
        content: "";
        background-color: #ffffff;
        width: 7px;
        height: 7px;
        border-radius: 7px;
}
ul.drawer-menu li.drawer-menu-item a:hover::after {
        position: absolute;
        top: 70%;
        left: 45%;
}
}
*/

/***********************************************
* Header
************************************************/
@media screen and (max-width:768px) {
#header {
        background-color: #EE6F0B!important;
        border-bottom: none;
        height: 54px;
}
}

/***********************************************
* Header Logo
************************************************/
#header h1 img.logo, #header h1 img.logo-sp {
        display: none;
}
@media screen and (max-width:768px) {
#header h1 img.logo-wht {
        display: none;
}
#header h1 img.logo-wht-sp {
        display: inherit;
        position: relative;
        /*z-index: 1;*/
}
}

/* Archive内の.activeクラスを目立たせるスタイル */
.newslndex li.active {
    /* フォントを太字に */
    font-weight: bold !important;

    /* パディングを追加してクリック感を演出 */

    /* トランジション効果 */
    transition: all 0.3s ease !important;

    /* ホバー時の効果 */
    position: relative;
}