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

.base {display:none;}

@media screen and (max-width:1300px){
	#header,
	h1 {width:100%;}
	h1 {background-position:center top;}
	
	.contents .text {width:calc(100% - 315px);}
	.contents dl,
	.contents p {width:auto;}
}
@media screen and (max-width:1000px){
	body,
	#wrapper {min-width:inherit;}
	#nav {width:100%;overflow:hidden;position:relative;}
	#nav ul {position:absolute;left:0;top:0;}
	.sns_top {width:auto;text-align:center;}
	.sns_top a {margin:0 5px;}
	
	.contents {width:auto;margin:0 20px 50px;}
	.contents h3 {width:calc(100% - 40px);padding:10px 20px;}
	
	
}

@media screen and (max-width:840px){
	
	body {font-size:12px;line-height:1.8em;}
	
	#header {height:auto;}
	h1 {position:absolute;left:0;top:0;height:100%;}
	h2 a.joqr_logo {width:120px;height:65px;background-size:100% auto;right:10px;top:10px;}
	.base {display:block;width:100%;}
	h1 {background:url(../images/header_sp.png) no-repeat center top;background-size:100% auto;}
	#nav {margin:0;}
	
	.contents {margin:0 20px 20px;}
	.contents .text,
	.contents ul {width:auto;float:none;margin:20px 20px 0;}
	.contents li {float:right;clear:right;}
	.contents li:first-child {width:calc(100% - 230px);float:left;}
	.contents li:first-child img {width:calc(100% - 4px);height:auto;}
	.contents li.hp {float:right;}
	.contents li:last-child {float:right;clear:right;}
	
	.contents dl {border:none;}
	.contents dt {display:block;width:auto;float:none;padding-bottom:5px;margin-bottom:5px;border-bottom:2px solid #b21f25;}
	.contents dd {text-align:left;margin:0;}
}
@media screen and (max-width:375px){
	.contents li,
	.contents li:first-child,
	.contents li.hp,
	.contents li:last-child {width:auto;float:none;}
	
	.contents dl {font-size:1em;}
	.contents dd {font-size:0.8em;}

}