@charset "UTF-8";

/*	shop.html 
************************************************************/

.hlv1{
	text-align:left;
	color:#FFFFFF;
	font-size:150%;
	background:#003366 no-repeat 0 0 url(../../global/_mimg/company/bg_title_hlv1.png);
	padding:20px 0 20px 30px;
	margin:26px 0 0 0;
	font-weight:bold;
}
.hlv2{
	text-align:left;
	color:#FFFFFF;
	font-size:120%;
	background:#3F3F3F no-repeat left center url(../../global/_mimg/company/bg_title.png);
	padding:10px 0 10px 20px;
	margin:15px 0 15px 0;
}

.hlv3{
	text-align:left;
	font-size:120%;
	background:#F6F6F6 no-repeat 10px center url(../../global/_mimg/company/ico_circle.png);
	padding:10px 0 10px 30px;
	margin:15px 0 0 0;
	border-bottom:#CCCCCC solid 2px;
}
.hlv3.tm{
	margin-top:30px;
}

.btn_shoplink{
	width:100%;
	background:#106EB5 no-repeat 20px center url(../../global/_mimg/company/ico_arrow.png);
	margin-top:10px;
	margin-bottom:0px;
	font-size:100%;
	padding-left:16px;
	padding-right:16px;
}
.btn_linklist{
	color:#003366;
	text-align:left;
	width:100%;
	background-color:#FFFFFF;
	background-repeat:no-repeat;
	background-position:95% center;
	background-image:url(../../global/_mimg/company/ico_arrow.png);
	border-bottom:#CCCCCC solid 1px;
	margin:0;
	padding:15px 0 15px 30px;
}
.btn_linklist.beginner{
	padding-left:35px;
	background-repeat:no-repeat, no-repeat;
	background-position:95% center, 15px center;
	background-image:url(../../global/_mimg/company/ico_arrow.png), url(../../global/_mimg/company/ico_beginner.png);
	border-bottom:#CCCCCC solid 1px;
}

.btn_linklist.parent{
	font-size:140%;
}

.imgtext{
	text-align:left;
	font-size:80%;
}
.imgtext span{
	white-space: nowrap;
}

.dataList{
	padding-right:28px;	/* 12x2+4=28px	*/
}

.dataList p{
	text-align:right;
	font-size:100%;
}

.dataList > .row > div{
	padding-top:10px;
	padding-bottom:10px;
}

.dataList > .row > div > p{
	
}
.dataList > .row > a{
	text-align:center;
}

@media screen and (min-width: 641px) {	
	.btn_shoplink{
		font-size:120%;
	}
	
	.dataList div.dataListTitle{
		background:#F7F7F7;
		height:100%;
		padding-left:10px;
	}

	.dataList > .row{
		border-top:#666666 dotted 1px;
		text-align:left;
	}
	.dataList > .row.last{
		border-bottom:#666666 dotted 1px;
		margin-bottom:50px;
	}
	
	/* now指定はPCのみ	*/
	.btn_linklist.now,
    .btn_linklist.on{
		font-weight:bold;
		background-image:url(../../global/_mimg/company/ico_arrow_w.png);
		background-position:10px;
		background-color:#003366;
		color:#FFFFFF!important;
	}
}

@media screen and (max-width: 640px) {
	.hlv1{
		margin-top:0px;
	}
	.hlv2{
		margin-top:20px;
		padding-left:30px;
	}
	.leftimage{
		padding-left:30px;
	}
	.contents{
		font-size:160%;
		overflow:hidden;
	}
	
	.contents > .row > .columns{
		padding-left:0px;
		padding-right:0px;
	}
	
	div.menu-column{
		padding-right:0px;
		padding-left:0px;
	}
	div.menu-column .btn_linklist{
		font-size:150%;
		padding-top:30px;
		padding-bottom:30px;
		padding-left:30px;
	}
	div.menu-column .btn_linklist.beginner{
		padding-left:55px;
		background-position:95% center, 35px center;
		background-image:url(../../global/_mimg/company/ico_arrow.png), url(../../global/_mimg/company/ico_beginner.png);
	}
	
	.dataList{
		font-size:110%;	
	}
	.dataList > .row > .columns{
		padding-top:0px;
	}
	.dataList span{	
		/*font-size:120%;	*/
		/*font-weight:bold;*/
	}
	.dataListTitle{
		text-align:left;
	}
	
	.imgtext{
		text-align:center;
	}
	
	/* shop-***.htmlのスマートフォンレイアウト用	*/
	.sp-detail.dataList > .row{
		border-top:#666666 dotted 1px;
		text-align:left;
	}
	.sp-detail.dataList > .row.last{
		border-bottom:#666666 dotted 1px;
		margin-bottom:50px;
	}
	.sp-detail.dataList > .row > div{
		padding-top:10px;
		padding-bottom:10px;
	}
	.sp-detail.dataList div.dataListTitle{
		background:#F7F7F7;
		height:100%;
		padding-left:45px;
		padding-right:10px;
	}
	.sp-detail.dataList div.dataListDetail{
		padding-right:30px;
	}
	/* shop-***.htmlのスマートフォンレイアウト用ここまで.	*/

}

/*	shop-detail.html 
************************************************************/
div.shopevent{
	text-align:left;
}

div.shopevent h4{
	background-color:#428AD1;
	padding:10px;
	font-size:110%;	
	color:#FFFFFF;
	margin-bottom:15px;
}

div.shopevent dt.title{
	color:#D00000;
	font-weight:normal;
	padding:10px;
}

div.shopevent dd.detail{
	padding:10px;
}

.imgborder{
	border: 1px solid #DDDDDD;
	margin: 0 auto 5px;
	padding:5px;
}

div.mobile-map{
	background-color:#F6F6F6;
	padding:10px;
	text-align:left;
	margin-top:20px;
}

div.mobile-map .qr{
	float:left;
	width:30%;
	padding:0 10px 0 10px;
}
div.mobile-map .datas{
	float:left;
	width:70%;
}

div.mobile-map .title{
	padding:10px 0 10px 0;
}

div.mobile-map dl:after{
    content: "";
    clear: both;
    height: 0;
    display: block;
}

div.mobile-map .detail{
	font-size:80%;
}

@media screen and (max-width: 640px) {
	div.shopevent h4{			padding-left:30px;	}
	div.shopevent dt.title{		padding-left:30px;	}
	div.shopevent dd.detail{	padding-left:30px;	}

	/*	左右にマージンを開けてスクロールできるように */
	.maparea{
		padding-left:80px;
		padding-right:80px;
		margin-bottom:50px;
	}
	div.mobile-map .detail{
		font-size:100%;
	}

}