/* CSS Document */

@media only screen and (max-width:1019px){
	header{
		width:100% !important;
	}
	
	header .inner{
	width:100% !important;
}
	
	header .logo{
		float:none;
		width:100% !important;
		text-align: right;
	}
	
	header .logo img{
		text-align: right;
		padding-right:20px !important;
	}
	
	header .logo .menu-btn{
		display: block;
		float:left;
		text-align: center;
		width:70px;
		font-size:18px;
		margin-top:14px;
		padding:5px 5px 5px 20px;
		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;
	}
	
	header .headLink{
		display:none;
	}
	
	div#mainMenu{
		display:none;
	}
	
	
	div#mainArea{
		width:100%;
	
	}
	
	div#mainArea .inner{
		width:100%;
		background-image:none;
	}
	
	div#contents{
		float:none;
		width:98%;
		padding:0 2% 0 1% !important;
		font-size:18px !important;
	}
	
	div#contents h2{
		margin:0 2% !important;
	}

	img.titleImg{
		width: 100%;
		margin-left:0 !important;
	}
	
	div#sideMenu{
		float:none;
		overflow: hidden;
		text-align: center !important;
		width:100% !important;
		margin-left:0;
	}
	
	div#sideMenu ul{
		display: block;
		text-align: center !important;
		margin:20px auto 10px;
		padding:0;
		width:95%;
	}
	
	div#sideMenu li{
		float:left;
		margin-right:20px;
		list-style-type: none;
	}
	
	div#sideMenu .menuButtonNew img {
		margin:0 5px 10px !important;
	}
	
	div#footlink{
		width:100% !important;
		margin-left: 0;
		text-align: center !important;
	}
	
	div#footlink li{
		padding:0 5px;
		margin:0 5px;
	}
	
	footer{
		width:100%;
		background-position: center -4px;
	}
	
	footer .inner{
		width:100% !important;
	}
	
	address{
		/*padding-top:28px;*/
	}

}

@media only screen and (max-width:800px){
	div#contents div.picVer{
		/*height:inherit !important;*/
		height:50px;
		padding:0 0 0 40px;
		position:relative;
		background-image: none !important;
		background-color:#223B04 !important;
	}

	div#contents div.picVer h1{
	font-size: 18px;
	position:absolute;
	top: 50%;
	transform: translateY(-50%);
	}
	
	
	
	.remodal table.kojin div#taisyo{
		float:none !important;
	}

	.remodal table.kojin div#suminoe{
		float:none !important;
		margin-left:0 !important;
	}
}

@media only screen and (max-width:500px){
	header .logo img{
		width:65%;
	}
	
	.remodal .title img{
		width:100%;
	}
	
	.remodal table{
		width:100% !important;
	}
	
	div.kaiin img.kaiinPc{
		display: none;
	}
	
	div.kaiin img.kaiinSp{
		display: block !important;
	}
}


@media only screen and (max-width:384px){
	header .headLink{
		width:80% !important;
		text-align: center !important;
	}
	
	header .headLink ul{
		text-align: center !important;
	}
	
	header .headLink li{
		float: none;
	}
	
	div#sideMenu ul{
		width:45%;
	}
}



/**************
* index        
**************/
@media only screen and (max-width:1019px){
	div#mainBanner{
		width:100% !important;
		height:inherit !important;
	}
	
	/*div#groupLinkArea{
		width:100%;
	}
	
	div#groupLinkArea .inner{
		width:100% !important;
	}*/
	
div#LinkFaceArea .inner{
	width:100% !important;
}
	
}

@media only screen and (max-width:650px){
	/* 店ボタン */
	div#buttonArea{
		width:100% !important;
		margin:0 !important;
	}
	
	div#buttonArea .taisyo{
		float:none !important;
		width:100% !important;
	}

	div#buttonArea .suminoe{
		float:none !important;
		width:100% !important;
	}
	/* / 店ボタン */
	
	/* バナー */
	div.topbanner .bannerWaku p{
		display:none;
	}
	/* / バナー */
	
	/* 更新情報 */
	#calendarArea {
		float:none !important;
		width:98% !important;
	}
	
	
	div#calendarArea .waku{
		height:inherit !important;
	}
	
	div#calendarArea th{
		width:35%;
	}
	/* / 更新情報 */

	div#groupLinkArea, div#FacebookArea {
		float:none !important;
		width:98% !important;
		text-align: center !important;
	}
	
	#infoArea{
		display:none ;
	}
	
}

@media only screen and (max-width:380px){

}

@media only screen and (max-width:480px){
	/* 更新情報 */
	div#infoArea th, div#infoArea td{
		width:98% !important;
		display: block;
	}
	
	div#infoArea th{
		border-bottom:none !important;
		padding:8px 5px 3px !important;
	}
	
	div#infoArea td{
		padding:0 5px 8px !important;
	}
	/* / 更新情報 */
	
	
}