@charset "utf-8";

/*==========================================================

     shop_fair　Tabletレイアウト（画面の横幅が1279pxまで）

==========================================================*/
/* 共通
--------------------------------*/
.main_inner {
    padding: 2%!important;
}
.main_inner .main	{
	position:relative;
}

/* 左カラム
----------------------------------------------------------*/
.sec_layout .main_def {
	background-color: #FFFFFF;
	
	box-shadow:rgba(0, 0, 0, 0.14) 0px 0px 3px 1px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.14) 0px 0px 3px 1px;
	-moz-box-shadow:rgba(0, 0, 0, 0.14) 0px 0px 3px 1px;
}

/* 右カラム
--------------------------------*/
.sec_layout .sub_def {
	display:none;
	position:absolute;
	top:0%;
	right:0%;
	width:35%;
	z-index:100;
	background:url(/lib/images/shop/common/bg_menu_back_opacity.png) repeat left top;
}
.sec_layout .sub_def .title_layout1 .menuBtn	{
	position:absolute;
	top:16%;
	right:6%;
	width:8.8%;
}
.sub_def .title_layout1 h2	{
	color:#FFFFFF;
}
.sub_def .shop_navi,
.sub_def .shop_stock_navi	{
	background-color:#FFFFFF;
	margin:0 2% 2% 2%;
}
.sub_def .title_layout1 {
    background: none;
    border-bottom: none;
    border-top: none;
}
.sub_def .title_layout1 h2 {
	padding: 5% 0 5% 2%;
	font-size:1.2em;
}
.sub_def .area_list li a	{
	background: url(/lib/images/shop/common/bg_arrow.png) no-repeat 2% center;
	color:#253A5C;
	text-decoration: none;
	display:block;
	padding:2% 0 2% 7%;
	font-size:0.9em;
}
#shop_index .sub_def .area_list li.shop_index a,
#shop_map .sub_def .area_list li.shop_map a,
#shop_photo .sub_def .area_list li.shop_photo a,
#shop_staff .sub_def .area_list li.shop_staff a,
#shop_fair .sub_def .area_list li.shop_fair a,
#shop_stock .sub_def .area_list li.shop_stock a,
#shop_stock_tokusen .sub_def .area_list li.shop_stock_tokusen a,
#shop_stock_tyumoku .sub_def .area_list li.shop_stock_tyumoku a,
#shop_stock_premium .sub_def .area_list li.shop_stock_premium a,
#shop_stock_guranteed .sub_def .area_list li.shop_stock_guranteed a,
#shop_stock_evalue .sub_def .area_list li.shop_stock_evalue a	{
	color:#B2C1D2;
}

/* 詳細
--------------------------------*/

.shopInfoArea #shopPhoto	{
	text-align: center;
	margin-bottom: 20px;
}

#fairBlogWrap #blogArea	{
}
#fairBlogWrap #fairArea .contentArea	{
	padding:5%;
}
#fairBlogWrap #fairArea .contentArea img	{
	width:100%;
}
#fairBlogWrap #fairArea .contentArea .blogTtl	{
	color:#2496DF;
	font-size:1em;
	font-weight:bold;
}
#fairBlogWrap #fairArea .contentArea .blog-entry	{
	font-size:0.8em;
}
#fairBlogWrap #fairArea .contentArea .blogphoto	{
	padding:2.5% 0;
}

#fairBlogWrap #blogArea .contentArea li	{
	padding:2% 3%;
	border-bottom:1px solid #e7e7e7;
}
#fairBlogWrap #blogArea .contentArea li.last	{
	border-bottom:none;
}
#fairBlogWrap #blogArea .contentArea li .blogTtl	{
	font-size:1em;
	margin-bottom:2.5%;
}
#fairBlogWrap #blogArea .contentArea li .blog-entry	{
	font-size:0.8em;
}
#fairBlogWrap #blogArea .contentArea li .blogTtl	{
	color:#4E5D7A;
	font-weight:bold;
}
#fairBlogWrap #blogArea .contentArea li .blogTtl span	{
	font-size:0.8em;
	font-weight:normal;
}

#fairBlogWrap #blogArea #blogContent ul	{
	border-top:1px solid #e7e7e7;
	border-bottom:1px solid #e7e7e7;
}
#fairBlogWrap #blogArea #blogContent .removeThis	{
	border-top:none;
	border-bottom:none;
}

#fairBlogWrap #blogArea .moreBtn	{
	/*border-top:1px solid #e7e7e7;*/
	border-bottom:1px solid #e7e7e7;
}
#fairBlogWrap #blogArea .moreBtn a	{
	display:block;
	width:100%;
	clear:both;
	padding:2% 0;
	background-color:#EFF3F6;
	font-size:14px;
	text-decoration:none;
	color:#4E5D7A;
	cursor:pointer;
	text-align:center;
}

#fairBlogWrap #blogContent2 .contentArea .blogphoto {
  padding: 2.5% 0;
}
#blogContent2 .blogphoto .photo1 {
  width: 99% !important;
	height:auto;
}
#blogContent2 .blogphoto .photo2 {
  float: left;
  width: 33% !important;
}
#blogContent2 .blogphoto .photo3 {
  float: left;
  width: 33% !important;
}
#blogContent2 .blogphoto .photo4 {
  float: left;
  width: 33% !important;
}
#fairBlogWrap #blogContent2 .contentArea img {
  width: 100%;
}