@charset "UTF-8";

/*--- ��common�Abase�t�@�C���ǂݍ��� ------*/
@import url("./common/common.css");
@import url("./common/base.css");


/*------------------------------------------------------------

	�����ʐݒ�ݒ�

------------------------------------------------------------*/

div.sec_wrap{
	width:100%;
	float:left;
}

div.sec_wrap section{
	width:1010px;
	padding:10px 5px;
	margin:0 auto;
	overflow:hidden;
}

div.sec_wrap h2{
	width:100%;
	text-align:center;
	padding:0 0 10px 0;
}

/*------------------------------------------------------------

	���X���C�_�[�ݒ�

------------------------------------------------------------*/


div#mainImg_Wrap{
	width:100%;
	background:url(../img/home/mainimg_bk.jpg) repeat;
	float:left;
}

div#mainImgArea{
	width:1020px;
	margin:0 auto;
	overflow:hidden;
}


/*------------------------------------------------------------

	���R���Z�v�g�ݒ�

------------------------------------------------------------*/

div#conceptWrap{
	background:#fff100;
}

.newsBox{ width:80%; padding:15px 0; margin:15px 10% 25px; border:1px solid #ff0000; text-align:left; font-size:14px; color:#ff0000; float:left; }

.newsBox h2{ font-size:16px; font-weight:bold; }

.newsBox p{ padding:3px 10px; }

div.conceptTxt{
	width:680px;
	padding:10px;
	background-color:rgba(255,255,255,0.5);
	color:#000;
	font-size:14px;
	float:left;
}

div.conceptTxt p{
	padding:3px 0;
	line-height: 1.9em;
}

div.conceptTxt p span{
	font-size:20px;
	font-weight:bold;
	text-shadow:1px 1px #666;
	text-align:center;
	display: block;
	padding: 15px;
}

div#conceptImg{
	width:300px;
	float:right;
}


/*------------------------------------------------------------

	�����j���[�ݒ�

------------------------------------------------------------*/


div#menuWrap{
	background:url(../img/home/menu_bg.jpg) center center no-repeat;
	background-size: cover;
	background-color:#000;
}

section#menu{
	background-color:rgba(255,255,255,0.8);
	color:#000;
}

div.menuCat{
	width:98%;
	padding:8px 1%;
	margin:0 auto;
	border-top:3px dotted #000;
	float:left
}

div.menuCat h3{
	width:100%;
	padding:5px 0 10px;
	font-weight:bold;
	font-size:18px;
}

div.menuCat h4{
	font-weight:bold;
	font-size:14px;
}

div.menuCat ul{
	width:100%;
	float:left;
}

div.menuCat ul li{
	padding:5px 10px;
	float:left;
}

div.menu_image{
	width:100%;
	text-align:center;
}


/*------------------------------------------------------------

	���X�^�b�t�ݒ�

------------------------------------------------------------*/


div#staffWrap{
	background:#f29b76;
}

div.staff_box{
	width:49%;
	margin-right:1%;
	margin-bottom:10px;
	float:left;
}

div.staff_img{
	width:60%;
	float:left;
}

div.staff_detail{
	width:40%;
	float:left;
}

ul.staff_detail_l{
	width:32%;
	float:left;
}

ul.staff_detail_r{
	width:68%;
	float:right;
}

ul.staff_detail_l li{
	text-align:center;
}

ul.staff_detail_l li,
ul.staff_detail_r li{
	margin:3px;
	padding:3px;
	background:#fff;
	color:#000;
}


/*------------------------------------------------------------

	���X�܈ē�ݒ�

------------------------------------------------------------*/

div#infoWrap{
	background:url(../img/home/info_bg.jpg) center center;
}

section#info{
	background-color:rgba(255,255,255,0.8);
	color:#000;
}

div.info_text{
	width:100%;
	font-size:18px;
	padding:10px 0;
	font-weight:bold;
	text-align:center;
	float:left;
}

div.info_text p{
	padding:6px 0;
}

div.info_text p span{
	font-size:26px;
	color:#ff1276;
}

div.info_text p span.pink{
	font-size:22px;
	color:#FF00FF;
}

div.info_text p span.Yellow{
	font-size:22px;
	color:#FFFF00;
}

div.info_text p span.red{
	font-size:22px;
	color:#FF0000;
}

div.info_left{
	width:450px;
	float:left;
}

div.info_right{
	width:500px;
	float:right;
}

div.shop_img{
	width:100%;
	float:left;
}

div.shop_img p{
	width:338px;
	float:left;
}

div.shop_img ul{
	width:104px;
	float:right;
}

div.shop_img ul li{
	width:100%;
	margin-bottom:6px;
	cursor:pointer;
}


.shop_info_tbl{
	width:100%;
	height:253px;
}

.shop_info_tbl tr{
	
}

.shop_info_tbl th{
	width:30%;
	text-align:center;
	font-weight:normal;
	background:#e5e5e5;
	border-bottom:2px dotted #000;
}

.shop_info_tbl td{
	width:69%;
	padding-left:1%;
	text-align:left;
	background:rgba(255,255,255,0.8);
	border-bottom:2px dotted #000;
}

.shop_info_tbl td a{
	color:#000;
	text-decoration:none;
}

.shop_info_tbl td a:hover{
	text-decoration:underline;
}

div#shopInfo2{
	width:100%;
	height:340px;
	float:left;
}

div.shopInfo2_left{
	width:454px;
	height:340px;
	float:left;
}

div.shopInfo2_left h3{
	width:100%;
	height:60px;
}

div#hirukaraImg{
	width:100%;
}

div.shopInfo2_right{
	width:500px;
	height:340px;
	float:right;
}

div.coupon_btn{
	width:90%;
	height:60px;
	margin:10px auto 0;
}

div.coupon_btn a{
	display:block;
	width:100%;
	height:60px;
	background:#ffd92e;
	text-align:center;
	line-height:60px;
	font-size:26px;
	font-weight:bold;
	color:#fff;
	text-shadow:#000 1px 1px 3px;
	border-radius:5px;
	text-decoration:none;
}
div.coupon_btn a:hover{
	text-decoration:underline;
	background:#d2691e;
}

div.qr{
	width:90%;
	margin:20px auto 0px;
	font-size:16px;
	text-align:center;
	font-weight:bold;
}

div.qr img{
	margin-top:5px;
}

div.gnavi_banner{
	width:90%;
	height:70px;
	margin:20px auto 0;
	text-align:center;
}

div.gnavi_banner a:hover{
	opacity:0.7;
}


div#gmapArea{
	width:100%;
	float:left;
}

#map{
	width:100%;
	height:430px;
	float:left;
}



/*------------------------------------------------------------

	��instagram�ݒ�

------------------------------------------------------------*/

div#instaWrap{
	background:#325c86;
}

/*------------------------------------------------------------

	��CONTACT�ݒ�

------------------------------------------------------------*/

div#contactWrap{
	background:url(../img/home/contact_bg.jpg) center center;
}

section#contact{
	background:rgba(255,255,255,0.8);
	color:#000;
}


div.contact_left{
	width:500px;
	float:left;
}

div.contact_right{
	width:350px;
	float:right;
	margin-right:50px;
}

div.blogArea p{
	padding:50px 0 20px;
	font-size:16px;
}

div.link_btn{
	padding:50px 0px;
	text-align:center;
}