@charset "UTF-8";

/*---------------------------------------------------
HOME_MAIN
---------------------------------------------------*/

#HOME_MAIN{
	background-color: #fff;
}


/*---------------------------------------------------
home_base_width
---------------------------------------------------*/
@media screen and (max-width:640px){
	.home_base_width{
		margin: 0 10px;
	}
}


/*---------------------------------------------------
MAIN_PH
---------------------------------------------------*/
#MEMBER_LOGIN .inner{
	zoom:1;	
}
#MEMBER_LOGIN .inner:before,
#MEMBER_LOGIN .inner:after{
	content: ".";
	display: block;
	height: 0;
	overflow: hidden;
}
#MEMBER_LOGIN .inner:after{
	clear: both;
}


@media screen and (min-width:641px){
	#MAIN_PH{
		min-width: 1024px;
		background-image: url(../../img/main_normal.png);
		background-size: cover;
		background-position: center top;
		background-repeat: no-repeat;
		height: 500px;
		overflow: hidden;
		margin-bottom: 30px;
		position: relative;
	}
	
	#MAIN_PH_LOGIN{
		min-width: 1024px;
		background-image: url(../../img/main_login.png);
		background-size: cover;
		background-position: center top;
		background-repeat: no-repeat;
		height: 500px;
		overflow: hidden;
		margin-bottom: 30px;
		position: relative;
	}
	
	
	/*	MEMBER_LOGIN
	------------------------*/

	#MEMBER_LOGIN{
		background: rgba(255,255,255,0.8);
		font-size: 1.4rem;
		padding: 20px 0;
		width: 100%;
		position: absolute;
	}
	
	#MEMBER_LOGIN .inner input{
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}	
	
	
		#MEMBER_LOGIN{
		
		}
	
		 #MEMBER_LOGIN .inner{
			width: 880px;
			margin: 0 auto;
		}
		
			 #MEMBER_LOGIN .inner .left{
				margin-right: 20px;
			}
			
				 #MEMBER_LOGIN .inner .left input.in{
					padding: 8px;
					width: 200px;
					border: 1px solid #b2b2b2;
				}
				
			 #MEMBER_LOGIN .inner .left.btn input{
				border: none;
				padding: 6px 10px;
				background-color: #a20909;
				color: #fff;
			}
			
			#MEMBER_LOGIN .inner .right{
				padding-top: 7px;
			}
}


@media screen and (max-width:640px){
#MAIN_PH,
#MAIN_PH_LOGIN{
	margin-bottom: 20px;	
}

	/*	MEMBER_LOGIN
	------------------------*/
	#MEMBER_LOGIN{
		
	}
	
	#MEMBER_LOGIN .inner input{
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}
	
	
		#MEMBER_LOGIN #MEMBER_LOGIN_BTN{
			padding: 10px 0;
			text-align: center;
			background-color: #7e5829;
			font-size: 1.8rem;
			color: #fff;
			
		}
			
			#MEMBER_LOGIN #MEMBER_LOGIN_BTN span{
				background-image: url(../../img/common/arrow_down.png);
				background-size: 15px;
				background-position: left center;
				background-repeat: no-repeat;
				padding-left: 20px;
			}
		
		
			#MEMBER_LOGIN #MEMBER_LOGIN_BTN.active span{
				background-image: url(../../img/common/arrow_up.png);
			}
	
		#MEMBER_LOGIN .inner{
			display: none;
			padding: 15px 10px 20px;
		}
		
			#MEMBER_LOGIN .inner .left{
				margin-bottom: 10px;
				width: 100%;
				
			}
			
				#MEMBER_LOGIN .inner .left input.in{
					padding: 8px;
					width: 100%;
					border: 1px solid #b2b2b2;
					box-sizing: border-box;
				}
			
			#MEMBER_LOGIN .inner .left.btn{
				text-align: center;
				width: 100%;
			}
			
			
			#MEMBER_LOGIN .inner .btn input{
				border: none;
				padding: 6px 10px;
				background-color: #a20909;
				color: #fff;
			}
			
			#MEMBER_LOGIN .inner .right{
				width: 100%;
				text-align: center;
				margin-top: 10px;
			}
}


/*---------------------------------------------------
HOME_BANA
---------------------------------------------------*/
#HOME_BANA{
	zoom:1;
}
#HOME_BANA:before,
#HOME_BANA:after{
	content: ".";
	display: block;
	height: 0;
	overflow: hidden;
}
#HOME_BANA:after{
	clear: both;
}


@media screen and (min-width:641px){
	#HOME_BANA{
		width: 1000px;
		margin: 0 auto 30px;
	}
	
		#HOME_BANA .left,
		#HOME_BANA .right{
			width: 480px;
		}
}

@media screen and (max-width:640px){
	#HOME_BANA{
		padding: 0 10px;
		margin-bottom: 30px;
	}
	
		#HOME_BANA .left,
		#HOME_BANA .right{
			width: 100%;
		}
		
		#HOME_BANA .left{
			margin-bottom: 15px;
		}
}



/*---------------------------------------------------
NEWINFO
---------------------------------------------------*/

#NEWINFO .detail{
	zoom:1;
}
#NEWINFO .detail:before,
#NEWINFO .detail:after{
	content: ".";
	display: block;
	height: 0;
	overflow: hidden;
}
#NEWINFO .detail:after{
	clear: both;
}

@media screen and (min-width:641px){
	#NEWINFO{
		width: 1000px;
		margin: 0 auto 50px;
	}
	
		#NEWINFO h2{
			color: #a20909;
			background-color: #f4f2e7;
			border-bottom: 1px solid #a20909;
			font-size: 1.8rem;
			font-weight: normal;
			padding: 6px 10px;
			border: 1px solid #a20909;
			border-top: 2px solid #a20909;
		}
		
		#NEWINFO .inner{
			padding: 10px;
			border-left: 1px solid #a20909;
			border-right: 1px solid #a20909;
			border-bottom: 1px solid #a20909;
		}
		
		#NEWINFO .detail{
			border-bottom: 1px dotted #9a9a9a;
			padding-bottom: 10px;
			margin-bottom: 10px;
		}
		
			#NEWINFO .detail:last-child{
				border: none;
				margin: 0;
				padding: 0;
			}
			
			#NEWINFO .detail p.day{
				float: left;
				color: #939393;
				width: 100px;
			}
			
			#NEWINFO .detail .info_box{
				float: right;
				width: 870px;
			}
			
			#NEWINFO .detail h3{
				color: #a20909;
				font-size: 1.6rem;
				font-weight: normal;
			}
		
		#NEWINFO .link{
			text-align: right;
			margin-top: 8px;
		}
}


@media screen and (max-width:640px){
	#NEWINFO{
		margin-bottom: 40px;
	}
	
		#NEWINFO h2{
			color: #a20909;
			background-color: #f4f2e7;
			border-bottom: 1px solid #a20909;
			font-size: 1.8rem;
			font-weight: normal;
			padding: 6px 10px;
			border: 1px solid #a20909;
			border-top: 2px solid #a20909;
		}
		
		#NEWINFO .inner{
			padding: 10px;
			border-left: 1px solid #a20909;
			border-right: 1px solid #a20909;
			border-bottom: 1px solid #a20909;
		}
		
		#NEWINFO .detail{
			border-bottom: 1px dotted #9a9a9a;
			padding-bottom: 10px;
			margin-bottom: 10px;
		}
		
			#NEWINFO .detail:last-child{
				border: none;
				margin: 0;
				padding: 0;
			}
			
			#NEWINFO .detail p.day{
				color: #939393;
			}
			
			#NEWINFO .detail .info_box{

			}
			
			#NEWINFO .detail h3{
				color: #a20909;
				font-size: 1.6rem;
				font-weight: normal;
			}
		
		#NEWINFO .link{
			text-align: right;
			margin-top: 10px;
		}
}



/*---------------------------------------------------
SHOP_CONCEPT
---------------------------------------------------*/

#SHOP_CONCEPT{
	zoom:1;
}
#SHOP_CONCEPT:before,
#SHOP_CONCEPT:after{
	content: ".";
	display: block;
	height: 0;
	overflow: hidden;
}
#SHOP_CONCEPT:after{
	clear: both;
}

@media screen and (min-width:641px){

	#SHOP_CONCEPT{
		width: 1000px;
		margin: 0 auto 50px;
	}
	
	#SHOP_CONCEPT .left{
		width: 535px;
	}
	
		#SHOP_CONCEPT .left h3{
			color: #a20909;
			font-weight: normal;
			font-size: 2.4rem;
			margin-bottom: 10px;
		}
	
	#SHOP_CONCEPT .ph{
		float: right;
		width: 420px;
		height: 315px;
		overflow: hidden;
	}
}

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

	#SHOP_CONCEPT{
		margin-bottom: 40px;
	}
	
	#SHOP_CONCEPT .left{
		width: 100%;
	}
	
		#SHOP_CONCEPT .left h3{
			color: #a20909;
			font-weight: normal;
			font-size: 1.8rem;
			margin-bottom: 10px;
		}
	
	#SHOP_CONCEPT .ph{
		margin-bottom: 10px;
	}
}


/*---------------------------------------------------
HOME_NAV_BOX
---------------------------------------------------*/
#HOME_NAV_BOX{
	background-color: #ffeeee;
}

#HOME_NAV_BOX .inner_box{
	zoom:1;
}
#HOME_NAV_BOX .inner_box:before,
#HOME_NAV_BOX .inner_box:after{
	content: ".";
	display: block;
	height: 0;
	overflow: hidden;
}
#HOME_NAV_BOX .inner_box:after{
	clear: both;
}



@media screen and (min-width:641px){
	#HOME_NAV_BOX{
		margin-bottom: 50px;
	}
		
		#HOME_NAV_BOX .inner{
			width: 1000px;
			margin: 0 auto;
		}
		
		#HOME_NAV_BOX .inner .inner_box{
			width: 1050px;
			overflow: hidden;
			padding: 50px 0;
		}
		
		#HOME_NAV_BOX .inner .detail h2{
			background-size: 80px;
			background-repeat: no-repeat;
		}
		
			#HOME_NAV_BOX .inner .detail h2.menu_back01{
				background-image: url(../../img/icon01.png);
			}
		
			#HOME_NAV_BOX .inner .detail h2.menu_back02{
				background-image: url(../../img/icon02.png);
			}
		
			#HOME_NAV_BOX .inner .detail h2.menu_back03{
				background-image: url(../../img/icon03.png);
			}

			#HOME_NAV_BOX .inner .detail h2.menu_back04{
				background-image: url(../../img/menu/img_back_limit_off.png);
			}
		
		#HOME_NAV_BOX .inner .detail{
			float: left;
			width: 300px;
			margin-right: 50px;
		}
		
		#HOME_NAV_BOX .inner .detail h2{
			text-align: center;
			font-size: 2.4rem;
			color: #a20909;
			font-weight: normal;
			margin-bottom: 10px;
			padding-top: 100px;
			background-position: center top;
		}
		
		
		#HOME_NAV_BOX .btn{
			text-align: center;
			margin-top: 25px;
		}
		
			#HOME_NAV_BOX .btn a{
				background-color: #a20909;
				border: 1px solid #a20909;
				padding: 8px 12px;
				text-decoration: none;
				color: #fff;
				-webkit-border-radius: 3px;
				-moz-border-radius: 3px;
				border-radius: 3px;
			}
			
			#HOME_NAV_BOX .btn a:hover{
				background-color: #fff;
				color: #a20909;
			}
}


@media screen and (max-width:640px){
	#HOME_NAV_BOX{
		margin-bottom: 40px;
		padding-top: 30px;
	}
		
		#HOME_NAV_BOX .inner{
			
		}
		
		#HOME_NAV_BOX .inner .inner_box{
			padding: 0 10px;
		}
		
		
		#HOME_NAV_BOX .inner .detail{
			margin-bottom: 40px;
		}
		
		#HOME_NAV_BOX .inner .detail h2{
			text-align: center;
			font-size: 1.8rem;
			color: #a20909;
			font-weight: normal;
			margin-bottom: 10px;
			
		}
		
		#HOME_NAV_BOX .inner .detail h2 span{
			background-size: 30px;
			background-repeat: no-repeat;
			padding: 10px 0 10px 35px;
			background-position: left center;
		}

			#HOME_NAV_BOX .inner .detail h2.menu_back01 span{
				background-image: url(../../img/icon01.png);
			}
		
			#HOME_NAV_BOX .inner .detail h2.menu_back02 span{
				background-image: url(../../img/icon02.png);
			}
		
			#HOME_NAV_BOX .inner .detail h2.menu_back03 span{
				background-image: url(../../img/icon03.png);
			}
		
		
		#HOME_NAV_BOX .btn{
			text-align: center;
			margin-top: 25px;
		}
		
			#HOME_NAV_BOX .btn a{
				background-color: #a20909;
				border: 1px solid #a20909;
				padding: 8px 12px;
				text-decoration: none;
				color: #fff;
				-webkit-border-radius: 3px;
				-moz-border-radius: 3px;
				border-radius: 3px;
			}
			
			#HOME_NAV_BOX .btn a:hover{
				background-color: #fff;
				color: #a20909;
			}
}


/*---------------------------------------------------
SHOP_PH
---------------------------------------------------*/

#SHOP_PH .inner{
	zoom:1;
}
#SHOP_PH .inner:before,
#SHOP_PH .inner:after{
	content: ".";
	display: block;
	height: 0;
	overflow: hidden;
}
#SHOP_PH .inner:after{
	clear: both;
}

#SHOP_PH .left p{
	word-break: break-all
}

@media screen and (min-width:641px){
	#SHOP_PH{
		width: 1000px;
		margin: 0 auto 50px;
	}
	
		#SHOP_PH .inner{
			width: 1050px;
			overflow: hidden;
		}
	
		#SHOP_PH .left{
			width: 300px;
			margin-right: 50px;
		}
		
		#SHOP_PH .left .ph{
			height: 225px;
			overflow: hidden;
			margin-bottom: 5px;
			background-color: #eaeaea;
		}
}


@media screen and (max-width:640px){
	#SHOP_PH{
		margin-bottom: 40px;
	}
	
		#SHOP_PH .inner{

		}
	
		#SHOP_PH .left{
			width: 100%;
			margin-bottom: 15px;
		}
		
		#SHOP_PH .left .ph{
			margin-bottom: 5px;
		}
}



/*---------------------------------------------------
VOICEINFO
---------------------------------------------------*/

#VOICEINFO .detail{
	zoom:1;
}
#VOICEINFO .detail:before,
#VOICEINFO .detail:after{
	content: ".";
	display: block;
	height: 0;
	overflow: hidden;
}
#VOICEINFO .detail:after{
	clear: both;
}

@media screen and (min-width:641px){
	#VOICEINFO{
		width: 1000px;
		margin: 0 auto;
		padding-bottom: 50px;
	}
	
		#VOICEINFO h2{
			color: #a20909;
			background-color: #f4f2e7;
			border-bottom: 1px solid #a20909;
			font-size: 1.8rem;
			font-weight: normal;
			padding: 6px 10px;
			border: 1px solid #a20909;
			border-top: 2px solid #a20909;
			margin-bottom: 5px;
		}
		
		#VOICEINFO .inner{
			padding: 10px;
		}
		
		#VOICEINFO .detail{
			border-bottom: 1px dotted #9a9a9a;
			padding-bottom: 10px;
			margin-bottom: 10px;
		}
			
			#VOICEINFO .detail h3{
				color: #a20909;
				font-size: 1.8rem;
				font-weight: normal;
			}
			
			#VOICEINFO .detail .comment_box{
				text-align: right;
				margin-top: 5px;
				color: #808080;
				font-size: 1.3rem;
			}
		
		#VOICEINFO .link{
			text-align: right;
		}
}


@media screen and (max-width:640px){
	#VOICEINFO{
		padding-bottom: 40px;
	}
	
		#VOICEINFO h2{
			color: #a20909;
			background-color: #f4f2e7;
			border-bottom: 1px solid #a20909;
			font-size: 1.8rem;
			font-weight: normal;
			padding: 6px 10px;
			border: 1px solid #a20909;
			border-top: 2px solid #a20909;
			margin-bottom: 5px;
		}
		
		#VOICEINFO .inner{
			padding: 10px;
		}
		
		#VOICEINFO .detail{
			border-bottom: 1px dotted #9a9a9a;
			padding-bottom: 10px;
			margin-bottom: 10px;
		}
			
			#VOICEINFO .detail h3{
				color: #a20909;
				font-size: 1.8rem;
				font-weight: normal;
			}
			
			#VOICEINFO .detail .comment_box{
				text-align: right;
				margin-top: 5px;
				color: #808080;
				font-size: 1.3rem;
			}
		
		#VOICEINFO .link{
			text-align: right;
		}
}


/*---------------------------------------------------
MEMBER_NAV
---------------------------------------------------*/
#MEMBER_NAV{

}


@media screen and (min-width:641px){
	#MEMBER_NAV{
		background-image: url(../../img/member_back.png);
		background-position: left top;
		background-repeat: repeat-x;
		height: 318px;
		margin-bottom: 50px;
	}
	
		#MEMBER_NAV .inner{
			width: 1000px;
			margin: 0 auto;
			background-image: url(../../img/member_img01.png);
			background-position: left top;
			background-repeat: no-repeat;
			height: 318px;
		}
		
		#MEMBER_NAV .detail{
			width: 624px;
			margin: 0 0 0 370px;
			padding-top: 40px;
		}
		
		#MEMBER_NAV .detail .btn{
			width: 312px;
			margin: 20px auto 0;
		}
}

@media screen and (max-width:640px){
	#MEMBER_NAV{
		background-image: url(../../img/member_back.png);
		background-position: left top;
		background-repeat: repeat-x;
		margin-bottom: 40px;
	}
	
		#MEMBER_NAV .inner{

		}
		
		#MEMBER_NAV .detail{
			padding: 20px 0;
		}
		
		#MEMBER_NAV .detail .btn{
			width: 312px;
			margin: 15px auto 0;
		}
}



/*---------------------------------------------------
SHOP_ACC
---------------------------------------------------*/


@media screen and (min-width:641px){
	#SHOP_ACC h2{
		text-align: center;
		font-weight: normal;
		margin-bottom: 10px;
		font-size: 2.5rem;
	}
	
	#SHOP_ACC .acc_table{
		padding-bottom: 30px;
	}
	
	#SHOP_ACC .acc_table table{
		width: 1000px;
		margin: 0 auto;
		border-collapse: collapse;
		border-top: 1px solid #c4c4c4;
		border-left: 1px solid #c4c4c4;
	}
	
		#SHOP_ACC .acc_table th{
			font-weight: normal;
			width: 15%;
			background-color: #ececec;
			padding: 10px;
			border-bottom: 1px solid #c4c4c4;
			border-right: 1px solid #c4c4c4;
		}
		
		#SHOP_ACC .acc_table td{
			padding: 10px;
			width: 35%;
			border-bottom: 1px solid #c4c4c4;
			border-right: 1px solid #c4c4c4;
		}
}


@media screen and (max-width:640px){
	#SHOP_ACC h2{
		text-align: center;
		font-weight: normal;
		margin-bottom: 10px;
		font-size: 1.8rem;
	}
	
	#SHOP_ACC .acc_table{
		padding-bottom: 30px;
	}
	
	#SHOP_ACC .acc_table table{
		width: 100%;
		margin: 0 auto;
		border-collapse: collapse;
		border-top: 1px solid #c4c4c4;
		border-left: 1px solid #c4c4c4;
	}
	
		#SHOP_ACC .acc_table th{
			font-weight: normal;
			width: 100%;
			display: block;
			background-color: #ececec;
			padding: 10px;
			border-bottom: 1px solid #c4c4c4;
			border-right: 1px solid #c4c4c4;
			box-sizing: border-box;
			text-align: left;
		}
		
		#SHOP_ACC .acc_table td{
			padding: 10px;
			width: 100%;
			display: block;
			border-bottom: 1px solid #c4c4c4;
			border-right: 1px solid #c4c4c4;
			box-sizing: border-box;
		}
}


/*---------------------------------------------------
GOOGLEMAP_BOX
---------------------------------------------------*/

@media screen and (min-width:641px){
	#GOOGLEMAP_BOX #map-canvas{
		width: 100%;
		height: 400px;
		background-color: #cecece;
	}
}


@media screen and (max-width:640px){
	#GOOGLEMAP_BOX{
		padding-bottom: 30px;
	}
	
	#GOOGLEMAP_BOX #map-canvas{
		width: 100%;
		height: 300px;
		background-color: #cecece;
		margin-bottom: 10px;
	}
}