@media all and (min-width: 640px) {
    #dock2{
        opacity:1;
    }
    #sp-menu{
        opacity:0;
        visibility: hidden;
    }
}

@media all and (max-width:1040px) {
    .close-modal-01,.close-modal-02,.close-modal-03,.close-modal-04,.close-modal-05,
    .close-modal-06,.close-modal-07,.close-modal-08,.close-modal-09,.close-modal-10,
    .close-modal-11,.close-modal-12,.close-modal-13,.close-modal-14,.close-modal-15,
    .close-modal-16,.close-modal-17,.close-modal-18,.close-modal-19,.close-modal-20,.close-modal-99{

    position:fixed;
    top:0rem;
    left:auto;
	right:0rem;
}

@media all and (max-width:639px) {
    body{
        overflow-x:hidden;
    }
    #s_topMessage{
        visibility: hidden;
    }
    #dock2{
        opacity:0;
        visibility: hidden;
        overflow-x:hidden;
    }
    #sp-menu{
        opacity:1;
    }
    .s_modalInner{
        margin:0px;
        padding:0.8rem 0px 0.5rem 0px ;
        width:100%;
    }
    .modal-content{
        margin:0.5rem 0rem;
    }

    .floatLeft{
        clear:both;
        width:calc(100% - 1rem);
        width:100%;
    }
    h1.modal-h1{
    	width:auto;
    	height:70px;
    }
    .modalPhotoImage img{
    	width:100%;
    }

    .unchinList{
        display:none;
    }

}