@charset "utf-8";

/*==========================================================

     shop_fair　SPレイアウト（画面の横幅が700pxまで）

==========================================================*/

/* 左カラム
----------------------------------------------------------*/
.sec_layout .main_def {
	background-color: #FFFFFF;
}

/* 右カラム非表示
--------------------------------*/
.sec_layout .sub_def {
	display:none;
	position:absolute;
	top:33%;
	left:0%;
	width:68%;
	z-index:100;
	background:url(/lib/images/shop/common/bg_menu_back_opacity.png) repeat left top;
}

.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;
}



/* 共通
--------------------------------*/
.main_inner {
    padding: 0%!important;
}

/* 詳細
--------------------------------*/
.shopInfoArea {
	padding: 16% 3% 3% 3%;
}
.title_layout1 .menuWrap	{
	top:100%;
	left:0%;
	background-color:#DADADA;
	width:100%;
	padding:2%;
}
.title_layout1 .menuWrap .shopMenuBtn	{
	width:40%;
	margin:1.5% 0% 0% 2%;
	float:left;
}
.title_layout1 .menuWrap .shopMenuBtn .btn	{
	width:16%;
	float:left;
}
.title_layout1 .menuWrap .shopMenuBtn .text	{
	margin:7% 0% 0% 5%;
	float:right;
	font-size:1em;
	line-height:0;
	font-weight:bold;
	color:#2899D1;
	width:78%;
}
.title_layout1 .stockCarCount {
	position: static;
	text-align: right;
	margin-right:5%;
}

.shopInfoArea #shopPhoto	{
	text-align: center;
	margin-bottom: 20px;
}
.shopInfoArea #shopPhoto img {
	width: 80%;
}

#fairBlogWrap #blogArea	{
	margin-top:5%;
}
#fairBlogWrap #fairArea .contentArea img	{
	width:100%;
}
#fairBlogWrap #fairArea .contentArea .blog-entry	{
	padding:2.5% 5%;
}
#fairBlogWrap #fairArea .contentArea .blogTtl	{
	padding:2.5% 5% 0 5%;
	color:#2496DF;
	font-size:1em;
	font-weight:bold;
}
#fairBlogWrap #fairArea .contentArea .blog-entry	{
	font-size:0.95em;
}
#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.95em;
}
#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%;
	padding:2% 0;
	background-color:#EFF3F6;
	font-size:14px;
	text-decoration:none;
	color:#4E5D7A;
	cursor:pointer;
	text-align:center;
}

#print_area .btn_print {
    display: none;
}

#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%;
}

#print_area {
    margin-top: 0 !important;
}
#shopPhoto {
	width:70%;
	margin:0 auto;
}
#shopPhoto img {
	width:100%;
}
#shopDetailsp p {
	padding:1.5em;
	font-size:0.8em;
	padding:5px 10px;
}

#fairBlogWrap,
#shopDetailsp {
	margin-top:13%!important;
}