@charset "UTF-8";

/*
ページ別のcss.
他に影響が出ないように、全てBoxに入れて指定する.
*/

/* index.html shopBox
***************************************/

.shopBox{
	border: 4px solid #CCC;
	-webkit-border-image: url(../_img/bg_dot02.png) 4 4 repeat;
	border-image: url(../_img/bg_dot02.png) 4 4 repeat;
	margin-bottom: 20px;
}

.shopBox .title{
	background: url(../_img/bg_dot03.png) 0 0 repeat;
	margin: 2px;
	padding: 8px 10px 12px 10px;
    zoom: 1;
}

.shopBox .title h3{
	margin: 4px 0 0 0;
	font-size: 110%;
	font-weight: bold;
	background: url(../_img/bg_title.png) 0 0 no-repeat;
	padding-left: 10px;
	float: left;
}

.shopBox .title p.mapBtn{
	/*	common.css	*/
}
.shopBox .title p.mapBtn a span{
	background: url(../_img/ico_pin.png) 0 2px no-repeat;
}


.shopBox div.list{
    border-bottom: 1px dotted #ccc;
}

	/*	ボタン下付けのため. position変更&equalizer使用. */
.shopBox div.list .datas{
    position: relative;
}
.shopBox div.list .datas .bottomBtn{
	position: absolute; 
	padding-right:20px;
	width:100%; 
	margin-bottom: 0px;
	padding-bottom: 0px;
	bottom: 0px;
}

.shopBox div p.shopTitle a{
	font-size: 110%;
	color:#0CA7DA;
	text-decoration: underline;
}

.shopBox div p.flyerBtn{
	/*	common.css	*/
}
.shopBox div p.flyerBtn a span{
	background: url(../_img/ico_arr.png) 0 2px no-repeat;
}

/*shop-flyer-list.html
***************************************/

.shopflyerBox{
	border: 4px solid #CCC;
	-webkit-border-image: url(../_img/bg_dot02.png) 4 4 repeat;
	border-image: url(../_img/bg_dot02.png) 4 4 repeat;
	margin-bottom: 20px;
}

.shopflyerBox .flyerimg{
	text-align:center;
	min-height:160px;/*	141107add fujikawa */
}

	/*サイズに応じてレイアウトが変わる＆div.listに併せてマージン変更	*/
@media screen and (min-width: 1025px) {	
	.shopflyerBox .flyerimg{	margin-bottom:0px;	}
}
@media screen and (min-width: 641px) and (max-width: 1024px) {
	.shopflyerBox .flyerimg{	margin-bottom:20px;	}
}
@media screen and (max-width: 640px) {
	.shopflyerBox .flyerimg{	margin-bottom:10px;	}
	.shopflyerBox .flyerimg-extend{	margin-top:10px;	}/*	flyer-list.html専用	*/
}

.shopflyerBox .title{
	background: url(../_img/bg_dot03.png) 0 0 repeat;
}

.shopflyerBox .title h3{
	font-size:100%;
	font-weight: bold;
	background: url(../_img/bg_shopflyer.png) 0 0 no-repeat;
	margin:0;
	padding: 5px 5px 5px 15px;
}

.shopflyerBox .explain{
	margin:0;
	font-size: 1.4em;
	padding: 15px;
}
@media screen and (max-width: 640px) {
	.shopflyerBox .explain-extend{	font-size: 1.0em;	padding:10px;	}/*	flyer-list.html専用	*/
}

.shopflyerBox .shoplist{
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: url(../_img/bg_dot03.png) 0 0 repeat;
	padding: 15px;
	margin-bottom:15px;
}

.shopflyerBox p.flyerOpenBtn{
	/*	common.css	*/
}
.shopflyerBox p.flyerOpenBtn a span.img{		background: url(../_img/ico_flyer_img.png) no-repeat;}
.shopflyerBox p.flyerOpenBtn a span.pdf{		background: url(../_img/ico_flyer_pdf.png) no-repeat;}
.shopflyerBox p.flyerOpenBtn a span.netbook{	background: url(../_img/ico_flyer_netbook.png) no-repeat;}
.shopflyerBox p.flyerOpenBtn a span.admin{		background: url(../_img/ico_flyer_admin.png) no-repeat;}

/*shop-detail.html
***************************************/
.shopdetailflyerBox{
	background: url(../_img/bg_dot01.png) 0 0 repeat;
	margin-bottom: 20px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

.shopdetailflyerBox div.row{
	background: url(../_img/bg_salebnr.png) 0 0 no-repeat;
	min-height:100px;
}

@media screen and (min-width: 641px) {
	.shopdetailflyerBox div.area-left{
		padding:25px 0px 25px 130px;
	}
	.shopdetailflyerBox div.area-right{
		padding:28px 60px 8px 0px;
	}
}
@media screen and (min-width: 641px) and (max-width: 1024px) {
	.shopdetailflyerBox div.area-left h3{
		font-size: 1.375rem;
	}
}

@media screen and (max-width: 640px) {
	.shopdetailflyerBox div.area-left{
		padding:10px 0px 0px 130px;
	}
	.shopdetailflyerBox div.area-right{
		padding:0px 20px 20px 130px;
	}
}

.shopdetailflyerBox p.shopdetailflyerBtn{
}

.shopdetailflyerBox p.shopdetailflyerBtn a{
}

.shopdetailflyerBox p.shopdetailflyerBtn a span{
	background: url(../_img/ico_flyer_img.png) no-repeat;
}

.shopdetailBox{
	background: url(../_img/bg_dot03.png) 0 0 repeat;
	margin-bottom: 20px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

.shopdetailBox div.title{
	padding: 10px 10px 10px 20px;
	border-bottom: 2px dotted #ccc;
}

.shopdetailBox div.title h3{
	margin: 4px 0 0 0;
	font-size: 110%;
	font-weight: bold;
	padding-left: 32px;
}
.shopdetailBox div.title h3.info{		background: url(../_img/ico_shop_info.png) 0 0 no-repeat;	}
.shopdetailBox div.title h3.map{		background: url(../_img/ico_shop_map.png) 0 0 no-repeat;	}
.shopdetailBox div.title h3.news{		background: url(../_img/ico_shop_news.png) 0 0 no-repeat;	}
.shopdetailBox div.title h3.html{		background: url(../_img/ico_shop_html.png) 0 0 no-repeat;	}

.shopdetailBox div.listTitle{
	background: url(../_img/ico_shop_circle.png) 0 10px no-repeat;	
	font-size: 1.0em;
	font-weight: bold;
	padding: 10px 5px 5px 24px;
	border-bottom: 1px dotted #ccc;
}
.shopdetailBox div.listDetail{
	padding: 5px;

}

/*shop-map.html
***************************************/
.shopmapBox{
	background: url(../_img/bg_dot03.png) 0 0 repeat;
	margin-bottom: 20px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

.shopmapBox .onoff{
	padding-top: 8px;
	margin-top: 12px;
}

.shopmapBox .onoff.on{
	background: url(../_img/bg_areachangearrow.png) top center no-repeat;
}

.shopmapBox p.areachangeBtn{
	width: 100%;
	height: 50px;
	padding-top:10px;
	margin-bottom: 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #ccc;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 49%, #ffffff 49%, #ffffff 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(49%,#ffffff), color-stop(49%,#ffffff), color-stop(99%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 49%,#ffffff 49%,#ffffff 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 49%,#ffffff 49%,#ffffff 99%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 49%,#ffffff 49%,#ffffff 99%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 49%,#ffffff 49%,#ffffff 99%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	text-align: center;
}

.shopmapBox .on p.areachangeBtn{
	border: 1px solid #0CA6D9;
	background: #0CA6D9; /* Old browsers */
	background: -moz-linear-gradient(top,  #0CA6D9 0%, #0CA6D9 49%, #0CA6D9 49%, #0CA6D9 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0CA6D9), color-stop(49%,#0CA6D9), color-stop(49%,#0CA6D9), color-stop(99%,#0CA6D9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0CA6D9 0%,#0CA6D9 49%,#0CA6D9 49%,#0CA6D9 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #0CA6D9 0%,#0CA6D9 49%,#0CA6D9 49%,#0CA6D9 99%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0CA6D9 0%,#0CA6D9 49%,#0CA6D9 49%,#0CA6D9 99%); /* IE10+ */
	background: linear-gradient(to bottom,  #0CA6D9 0%,#0CA6D9 49%,#0CA6D9 49%,#0CA6D9 99%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0CA6D9', endColorstr='#0CA6D9',GradientType=0 ); /* IE6-9 */
}

.shopmapBox p.areachangeBtn a{
	color:#0CA6D9;
	font-weight: bold;
	text-decoration:underline;
}

.shopmapBox .on p.areachangeBtn a{
	color:#ffffff;
}

.shopmapBox p.areachangeBtn a:hover{
	text-decoration:none;
}

/*flyer-detail.html
***************************************/
.titleBox div.buttonBox{
	margin-top:10px;
}