/* CSS Document */
@charset "UTF-8";

@media(max-width:1000px){
	
	header{height:60px;}
	header .logo{width:45px;top:7.5px;}
	header .menu {position:fixed;z-index:999;top:0px;right:0px;width:100%;min-height:100vh;box-sizing:border-box;padding:100px 20px 0;display:block;background:#FFF;transform:translateX(-100%);transition:0.5s;}
	header .menu .link{display:block;border-top:1px solid #333;padding: 15px 3px 15px;margin: 0px;}
	header .menu .user{position:static;text-align:right;display:table;margin: 0 0 0 auto;}
	header .menu .user::before{content:"ログイン中：";position:static;background:inherit;}

	header #humb{position:fixed;z-index:1000;top:15px;right:20px;width:30px;height:30px;display:block;cursor:pointer;}
	header #humb span{width:20px;height:2px;background:#000;position:absolute;top:14px;left:5px;transition:0.5s;}
	header #humb::before{content:"";width:20px;height:2px;background:#000;position:absolute;top:5px;left:5px;transition:0.5s;}
	header #humb::after{content:"";width:20px;height:2px;background:#000;position:absolute;bottom:5px;left:5px;transition:0.5s;}
	header #humb.active::before{transform:rotate(135deg);top:14px;}
	header #humb.active::after{transform:rotate(-135deg);bottom:14px;}
	header #humb.active span{transform:rotate(-360deg);width:0;left:14px;}
	header #humb.active +.menu{transform:translateX(0%);}
	
}

@media(max-width:834px){
	.sp_only{display: block;}
	.pc_only{display: none;}

	.page_message_list .item .title{width:100%;}
	.page_doc_list .item .title{width:100%;}

}


@media(max-width:940px){
.page_item_list .container{width:650px;}
.page_promo_list .container{width:650px;}
}

@media(max-width:640px){
.page_item_list .container{width:280px;}
.page_promo_list .container{width:280px;}
}