@charset "UTF-8";

@media screen and (max-device-width:810px) {
	div#logo a img {
		 width: 95vw;
		 height:auto; 
	}
	div#content{
		display: flex;
		flex-direction: column-reverse;
		width:100%;
		margin: 6px auto 0;
	}
	div#content-inner{
		float: none;
		width:100%;
	}
	div#content-subinner{
		padding:5px;
		width:99%;
	}
	div#content-subinner ul.sidebnr {
		border: 1px solid #666666;
	}
	div#memberbox {
		margin-left: 10px;
		width: 95%;
	}
	div#memberbox h2#member_title{
		background:url(../img/title_member.jpg) no-repeat bottom/cover;
		width:auto;
		height:50px;
	}
	div#memberbox h3 img {
		width:95%;
		height:36px;
	}
    /* footer */
    #footer {
        width: 97%;
        display:block;
        margin:5px;
    }
    #footer-inner {
        width: 96% !important;
        display:block !important;
        height:auto !important;
        border: 1px solid #666666;
        margin: 3px;
    }
	#subnavi ul {
		float:none !important;
	}
	
	#subnavi li {
		float:none !important;
		text-indent: 0px !important;
		font-size:12pt;
		width: auto !important;
		height: auto !important;
	}
	
	ul#subnavi li a, ul#subnavi li a:hover {
		background: none;
	}
	
	#footer ul#subnavi{
		width:100% !important;
		height:auto;
	}
	
	.familyuse_link {
		margin:0px 0px 0px 5px !important;
	}
    .familyuse_link a {
        width: 100%;
    }
	li#header_login a {
		font-size:15pt !important;
		text-decoration:underline;
	}
	/* hamburger-menu background */
	div#mobile-navi.mobile-box header{
		width: 50px !important;
		height: 50px !important;
	}
	#nav-content {
		width: 90% !important;
	}
	#nav-open span {
		bottom: 5px !important;
		left:0px !important;
	}
	#nav-open span:before {
		bottom: 10px !important;
	}
	#nav-open span:after {
		bottom: -10px !important;
	}
	#nav-open span, #nav-open span:before, #nav-open span:after {
	    position: absolute;
	    height: 3px !important;
	    width: 30px !important;
	    border-radius: 3px;
	    background: #555;
	    display: block;
	    content: '';
	    cursor: pointer;
	}
	#contactbox {
	   width: 100%;
	}
	#contactbox h2#contact_title {
	   width: 100%;
	}
	#contactbox .contact-form .form_text_400 {
	   width: 100%;
	}
	#contactbox .contact-form textarea {
	   width: 100%;
	}
}