@charset "utf-8";

.shopList img{
 max-width: 100% !important;
}

/*------------------------------------------------------------
	書式設定
------------------------------------------------------------*/
/* テキストの位置 */
.taLeft { text-align: left !important; }
.taCenter { text-align: center !important; }
.taRight { text-align: right !important; }

/* フォントの大きさ（プラス） */
.fsP1 { font-size: 1.08em !important; }
.fsP2 { font-size: 1.16em !important; }
.fsP3 { font-size: 1.24em !important; }
.fsP4 { font-size: 1.32em !important; }
.fsP5 { font-size: 1.4em !important; }

/* フォントの大きさ（マイナス） */
.fsM1 { font-size: 0.92em !important; }
.fsM2 { font-size: 0.84em !important; }
.fsM3 { font-size: 0.76em !important; }
.fsM4 { font-size: 0.68em !important; }
.fsM5 { font-size: 0.6em !important; }

/* フォントの太さ */
.fwNormal { font-weight: normal !important; }
.fwBold { font-weight: bold !important; }

/*------------------------------------------------------------
	微調整用クラス（※多用しないこと）
------------------------------------------------------------*/
.mt0 { margin-top: 0 !important; }
.mb0 { margin-bottom: 0 !important; }
.mb30{margin-bottom: 30px;}
/*------------------------------------------------------------
	汎用スタイル
------------------------------------------------------------*/
	* html .clearfix {
		zoom: 1;
	}

	*+html .clearfix {
		zoom: 1;
	}

.clearfix:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

/*------------------------------------------------------------
	bgColor01
------------------------------------------------------------*/
.bgColor01 {
	background-color: #f4e6e7;
}

.bgColor02 {
	background-color: #e8f4f5;
}

/*------------------------------------------------------------
	content
------------------------------------------------------------*/
.content {
	margin: 0 auto;
	max-width: 1024px;
}

.content img {
	max-width: 100% !important;
}

/*------------------------------------------------------------
	comContact
------------------------------------------------------------*/
.comContact .borderBox {
	margin-bottom: 57px;
	padding-bottom: 28px;
	position: relative;
	border: 2px solid #828282;
	background-color: #fff;
}

.comContact .borderBox .title {
	position: absolute;
	left: 50%;
	margin-left: -216px;
	top: -22px;
	padding: 3px 0;
	text-align: center;
	width: 394px;
	font-size: 22px;
	letter-spacing: 1px;
	border: 2px solid #828282;
	background-color: #fff;
	z-index: 100;
}

.comContact .borderBox .link {
	margin-bottom: 3px;
	text-align: center;
}

.comContact .borderBox .link img {
	margin-top: -30px;
	padding-left: 4px;
}

.comContact .borderBox .link a:hover img {
	opacity: 0.7;
}

.comContact .borderBox ul {
	padding-left: 184px;
}

.comContact .borderBox ul li {
	margin-right: 35px;
	float: left;
}

.comContact .borderBox01 {
	margin: 0;
	padding: 51px 0 12px;
}

.comContact .borderBox01 .title {
	margin-left: -263px;
	width: 520px;
}

.comContact .borderBox01 .link {
	margin: 0;
}

.comContact .borderBox01 .link img {
	margin: 0;
}

@media all and (min-width: 768px) and (max-width: 1064px) {
	.content {
		margin: 0 20px;
	}
}

@media all and (min-width: 0) and (max-width: 767px) {
	.comContact {
		margin: 0 16px;
	}
	
	.comContact .borderBox {
		margin-bottom: 30px;
		padding-bottom: 12px;
		border: 1px solid #828282;
	}
	
	.comContact .borderBox .title {
		padding: 2px 0;
		width: 72%;
		top: -11px;
		margin-left: -36%;
		font-size: 11px;
		border: 1px solid #828282;
		z-index: 0;
	}
	
	.comContact .borderBox01 {
		margin: 0;
		padding: 13.5% 0 1.6%;
	}
	
	.comContact .borderBox01 .title {
		width: 90%;
		margin-left: -45%;
		letter-spacing: 0px;
	}
	
	.comContact .borderBox .spTit01 {
		width: 74%;
		margin-left: -37%;
		letter-spacing: 0;
	}
	
	.comContact .borderBox .link {
		margin: 0 8px;
	}
	
	.comContact .borderBox .link img {
		margin: -6% auto 0px;
		padding: 0;
		position: relative;
	}
	
	.comContact .borderBox ul {
		padding: 0;
		margin: 0 35px;
	}
	
	.comContact .borderBox ul li {
		float: none;
		margin: 0 0 6px;
	}
	
	.comContact .borderBox ul li:last-child {
		margin: 0 7px 0;
	}
	
	.comContact .borderBox ul li img {
		margin: 0 auto;
	}
}

@media all and (-ms-high-contrast:none){
	.comContact .borderBox .title {
		padding: 10px 0 3px;
	}
}