/* CSS Document */
/*@media only screen and (max-width:1229px){*/
@media only screen and (max-width:1280px){
	div#mainMenu .moveLogoArea .moveLogoInner{
		width:98% !important
	}
	
	div#mainMenu .inner{
		width:98% !important;
		padding-left:10px !important;
	}
	
	.dropmenu{
		width: 98% !important;
	}
}


@media only screen and (max-width:1199px){
	.dropmenu li a{
		font-size:14px !important;
	}
	
	.inner{
		width:100% !important;
	}
	
	div#contents{
		float:none;
		width:98%;
		padding:0 2% 0 1% !important;
	}
	
	
/* index */
	#aisatuArea{
	float:none !important;
	width: 100% !important;
	}
	
	#sidemenuArea{
	display: none;
	}
	
	div#setumei{
		margin-right:0;
	}
	
	div#setumei img.setumeiTitle{
		width:100%;
	}
	
	#senmonLinkArea .amamori img{
		width:100%;
	}

	#senmonLinkArea .yane img{
		width:100%;
	}

	#senmonLinkArea .yaneFactory img{
		width:100%;
	}

	#senmonLinkArea .gaiheki img{
		width:100%;
	}

	#senmonLinkArea .bousui img{
		width:100%;
	}

	#senmonLinkArea .amadoi img{
		width:100%;
	}
	
	div#orico img{
		width:100%;
	}
}


@media only screen and (max-width:1020px){
	header .contactArea{
		display: none;
	}
	
	header .contactAreaSp{
		display: block;
		float:right;
	}
	
	#header .shopArea{
	float: none;
	width: 100% !important;
}
	
	#header .headEmail{
		display: none !important;
	}
	
	#header .menu-btn, .moveHeaderRes .menu-btn{
		display: block;
		float:right;
		/*width:80px;
		font-size:22px;*/
		height:20px;
		width:0;
		margin-top:14px;
		margin-left:10px;
		margin-right:10px;
		padding:5px 5px 5px 22px;
		border:1px solid #838383;
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		background-color:#F4F4F4;
		background-image:url(../img/default/menu-btnBg.png);
		background-repeat: no-repeat;
		background-position: left center;
	}
	
	.moveHeaderRes .menu-btn{
		height:20px;
		width:0;
		margin-top:10px !important;
		margin-right:14px;
		margin-left:10px;
		padding-right:14px;
		padding-left:22px;
		background-position: 5px;
	}
	
	div#mainMenu{
		display: none;
	}
	
	.fixed {
	position: fixed !important;
    top: 0;
    width: 100%;
    z-index: 10000;
}

	div#mainMenu .moveLogoArea{
		display:none !important;
}
	
	.mainNav959{
		margin:70px auto 0 !important;
}
	
.moveHeaderRes{
	display:none;
	
	z-index: 9000;
	
	padding:0 10px 0;
	left:0;
    top: 0;
    position: fixed;
	background-color:#ffffff;
	
    box-shadow: 0 3px 3px #CCC;
	
	height:70px;
	width:100%;
	top:0;
	bottom:auto;
	
	background-color:rgba(255,255,255,0.9);
}

	
	.moveHeaderRes .logo959{
		float:left;
		margin-top:8px;
		width:228px;
	}
	
	.moveHeaderRes .logo640{
		display:none;
	}
	
	.moveHeaderRes .headerNavi{
		float:right;
		width:52%;
		margin-top:14px;
		padding-right:16px;
		text-align: right;
	}
	
	.moveHeaderRes .headerNavi .button640{
		display:none;
	}
	
	.moveHeaderRes .headerNavi .email{
		margin:0;
		padding:0;
	}
}

@media only screen and (max-width:1000px){
	#infoArea .facebook{
		float:none !important;
		width:95% !important;
		text-align: center;
		margin-bottom:20px;
	}

	#infoArea .twitter{
		float:none !important;
		width:95% !important;
		text-align: center;
	}
	
	a.worksButtonAreaItem{
    	width: calc(100% / 3 - 30px);
	}
	
}

@media only screen and (max-width:850px){
	div#jsk .link img{
		width:30.5% !important;
	}
	
}

@media only screen and (max-width:750px){
	#header .logoArea{
		display:none;
	}

	#header .logoAreaS{
		display:block !important;
		float:left;
	}
	
	#header .logoAreaS img{
		width:200px;
		margin-left:5px;
	}
	
	div#setumei h2{
		font-size:16px !important;
	}
	
	div#selectArea img.title{
		width:100%;
	}

	#senmonLinkArea .yane, #senmonLinkArea .yaneFactory{
		float:none !important;
		width:100% !important;
	}
	
	#senmonLinkArea .yane img.buttonYaneIkko, #senmonLinkArea .yaneFactory img.buttonYaneKojo{
		display:none !important;
	}
	
	#senmonLinkArea .yane img.buttonYaneIkkoRes, #senmonLinkArea .yaneFactory img.buttonYaneKojoRes{
		display:block !important;
	}
	
	
	/* ▼太陽光発電とセットの屋根改修キャンペーン */
	.solar h2{
		font-size:24px !important;
	}

	.solar .solar-flex{
		grid-column-gap: 0 !important;
		grid-row-gap: 10px;
	}

	.solar .solar-flex .txtArea{
		width: 100% !important;
	}

	.solar .solar-flex .imgArea{
		width: 100% !important;
	}
	/* ▲太陽光発電とセットの屋根改修キャンペーン */
}

@media only screen and (max-width:700px){
	a.worksButtonAreaItem{
    	width: 100%;
	}
	
	.worksButtonAreaItem:not(:last-of-type){
    	margin-right: 0;
	}
}


@media only screen and (max-width:640px){
	.mainNav959{
		margin:40px auto 0 !important;
	}
	
	.moveHeaderRes{
	display:none;
	
	height:40px;
	width:100%;
	top:0;
	bottom:auto;
	
	background-color:rgba(255,255,255,0.9);
	}
	
	.moveHeaderRes .logo959{
		display:none;
	}
	
	.moveHeaderRes .logo640{
		display:block;
		margin-top:8px;
		width:202px;
	}
	
	.moveHeaderRes .headerNavi{
		width:45%;
		margin-top:-35px;
		padding-top:0;
	}
	
	.moveHeaderRes .headerNavi .button959{
		display:none;
	}
	
	.moveHeaderRes .headerNavi .button640{
		/*display:inline;*/
		display:inherit;
		
	}
	
	.moveHeaderRes .menu-btn{
		float: right;
		margin-top:-2px !important;
		margin-left:5px;
		width: 0;
	}
	
}

@media only screen and (max-width:600px){
	#senmonLinkArea .gaiheki, #senmonLinkArea .bousui, #senmonLinkArea .amadoi{
		float:none !important;
		width:100% !important;
		margin-left: 0 !important;
	}
	
	#senmonLinkArea .gaiheki img.buttonGaiheki, #senmonLinkArea .bousui img.buttonBousui, #senmonLinkArea .amadoi img.buttonAmadoi{
		display:none !important;
	}
	
	#senmonLinkArea .gaiheki img.buttonGaihekiRes, #senmonLinkArea .bousui img.buttonBousuiRes, #senmonLinkArea .amadoi img.buttonAmadoiRes{
		display:block !important;
	}
	
	h1{
		font-size:10px !important;
		line-height: 110%;
		color:#999999 !important;
	}
	
	#header .shopArea{
		font-size:10px !important;
		color:#666666 !important;
		line-height: 110%;
	}
	
}

@media only screen and (max-width:500px){
	div#selectArea ol{
		margin-left:0 !important;
		margin-right:0 !important;
	}
	
	div#selectArea li{
		font-size:20px !important;
		line-height:120% !important;
		font-weight: bold;
	}
	
	
}

@media only screen and (max-width:400px){
	div#jsk .link img{
		width:47% !important;
		margin:0 1% 1.5% !important;
	}

}






@media only screen and (max-width:850px){
	div#new{
		float:none;
		width:99.5%;
	}
	
	div#sales{
		float:none;
		width:93%;
	}
	
	div#sales li{
		font-size:24px;
	}
}

@media only screen and (max-width:400px){
	div#sales{
		width:92%;
	}
	
	div#sales img.title{
		width:100%;
	}
	
	div#sales li{
		font-size:18px;
	}
}