/*-----------------------------------------------------	*/
/*	shop.css						*/
/*-----------------------------------------------------	*/
#mainLead {
	text-align:center;
}

article {
	width:100%;
	margin:0 auto;
	max-width:1280px;
}

/* ------ shopTit ------ */
.shopTit {
	width:92.5%;
	margin:0 auto;
	padding-bottom:20px;
	border-bottom:#333 solid 2px;
}
.pt60 {
	padding-top:60px;
}
.shopTit h2 {
	font-size:140%;
	font-weight:bold;
}
.topKakomi {
	border:#333 solid 2px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	width: 70%;
	max-width: 600px;
	margin: 20px auto 0;
	padding: 20px;
	text-align: left;
}
.point {
	color: #fff;
	font-size: 110%;
	font-weight: bold;
	max-width: 620px;
	margin: 20px auto 0;
	padding: 20px 10px;
	border:#c00 solid 2px;
	background-color: #c00;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
/* ------ shopArea ------ */

#shopArea section {
	width:50%;
	float:left;
}
#shopArea section div.shopBox {
	width:85%;
	margin:0 auto;
	padding:60px 0 20px;
	border-bottom:#ccc solid 2px;
}
#shopArea section div.shopBox dt {
	float:left;
	width:30%;
}
#shopArea section div.shopBox dd {
	float:left;
	width:66%;
	padding:0 2%;
}
#shopArea section div.shopBox dd h2 {
	font-size:120%;
	line-height:140%;
	padding-bottom:20px;
}
#shopArea section div.shopBox dd p.spec {
	padding:10px 0;
	border-top:#ccc dotted 1px;
}
#shopArea section div.shopBox dd p.price {
	padding:10px 0;
	border-top:#ccc dotted 1px;
	border-bottom:#ccc dotted 1px;
}
#shopArea section div.shopBox dd p.link {
	padding:10px 0 0;
	font-size:90%;
}
#shopBg {
	clear:both;
	margin:0 auto;
	padding-top:40px;
	max-width: 320px;
}
/* ------ tBox ------ */
#shopArea section.tArea {
	width:100%;
	float:none;
}
#shopArea section.tArea .tBox{
	width:92.5%;
	margin:0 auto;
	padding:60px 0 20px;
	border-bottom:#ccc solid 2px;
}
#shopArea section.tArea .tBox img{
	width:100%;
}
#shopArea section.tArea .tBox .tBoxL{
	width: 60%;
	float: left;
}
#shopArea section.tArea .tBox .tBoxR{
	width: 36%;
	float: right;
}
#shopArea section.tArea .tBox .tBoxR h2 {
	font-size:120%;
	line-height:140%;
	padding-bottom:20px;
}
#shopArea section.tArea .tBox .tBoxR dl {
	border-top: #ccc dotted 1px;
}
#shopArea section.tArea .tBox .tBoxR dt {
	padding: 10px 0 0;
	font-weight: bold;
	font-size: 80%;
}
#shopArea section.tArea .tBox .tBoxR dd {
	padding: 10px 0 10px;
}
#shopArea section.tArea .tBox .tBoxR p.link {
	padding: 10px 0 0;
	font-size: 90%;
	border-top: #ccc dotted 1px;
}

/*-----------------------------------------------------	*/
/*	for - 1280px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 1280px) {

}

/*-----------------------------------------------------	*/
/*	for - 980px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 980px) {

}

/*-----------------------------------------------------	*/
/*	for - 800px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 800px) {

/* ------ shopArea ------ */

#shopArea section {
	width:100%;
	float:none;
}
#shopArea section div.shopBox {
	width:85%;
	margin:0 auto;
}

}

/*-----------------------------------------------------	*/
/*	for - 568px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 568px) {

#mainLead {
	text-align:left;
}
.point {
	text-align: left;
	padding: 20px 20px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

/* ------ shopArea ------ */

#shopArea section div.shopBox {
	width:95%;
}
#shopArea section div.shopBox dt {
	float:none;
	width:140px;
	margin:0 auto;
}
#shopArea section div.shopBox dd {
	float:none;
	width:96%;
}
#shopArea section div.shopBox dd h2 {
	font-size:100%;
	padding:10px 0;
}
#shopArea section div.shopBox dd p.spec {
	padding:10px 0;
	border-top:#333 dotted 1px;
}
#shopArea section div.shopBox dd p.price {
	padding:10px 0;
	border-top:#333 dotted 1px;
	border-bottom:#333 dotted 1px;
}
#shopArea section div.shopBox dd p.link {
	padding:10px 0 0;
	font-size:90%;
}


#profArea section {
	width:100%;
}

#profArea section#prof01,
#profArea section#prof02,
#profArea section#prof03,
#profArea section#prof04 { float:none; }
	
/* ------ tBox ------ */
#shopArea section.tArea .tBox .tBoxL{
	width: 100%;
	float: none;
}
#shopArea section.tArea .tBox .tBoxR{
	width: 100%;
	float: none;
}
#shopArea section.tArea .tBox .tBoxR h2 {
	font-size:100%;
	padding-bottom:10px;
}
#shopArea section.tArea .tBox .tBoxR dt {
	padding:10px 0 5px;
	border-top:#ccc dotted 1px;
	font-weight: bold;
}
#shopArea section.tArea .tBox .tBoxR dd {
	padding:0 0 10px;
}
#shopArea section.tArea .tBox .tBoxR p.link {
	padding:10px 0 0;
	font-size:90%;
	border-top:#ccc dotted 1px;
}

}

/*-----------------------------------------------------	*/
/*	for - 480px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 480px) {

}