/*==================================
	#wrapper 
====================================*/

#wrapper {
    width: 100%;
    overflow: hidden;
    font-size: 1.4rem;
    color: #555;
}

.wrapper_inside {
    width: 98%;
    max-width: 1260px;
    margin: auto;
}


/*====================================================
	// note article / section 
====================================================*/

section .contents_box {
    width: 95%;
    margin: auto auto 5em;
}






/*====================================================
	// class .pageTopWrapper
====================================================*/

.pageTopWrapper {
    position: fixed;
    /*    bottom: 10px;*/
    bottom: 50px;
    right: 5%;
    z-index: 1;
    margin-bottom: -2px;
}

.pageTop {
    display: block;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    line-height: 1;
    width: 64px;
    height: 50px;
    padding-top: 1.2em;
    text-align: center;
    background: #c8373c;
    border-radius: 50%;
}

.pageTop span {
    display: block;
    margin-top: 5px;
}

@media (min-width: 768px) {
    .pageTop:hover {
        color: #fff;
        background: #c8373c;
    }
}

@media (max-width: 768px) {
    .pageTop.hover {
        color: #fff;
        background: #c8373c;
    }
}

@media (max-width: 414px) {
    .pageTopWrapper {
        margin-bottom: -1px;
    }
}