@charset "utf-8";
/* ==========================================================
	スマホ 640px以下
========================================================== */

@media (max-width: 640px) {
	
/* ==========================================================
	/attention/law.html
========================================================== */

#attention.law .grayLine {
	margin: 0 0 10px;
	padding: 10px 0 0;
}

#attention .section {
	margin: 0 1%;
	font-size:90%;
}



.law .tileArea {
	overflow: hidden;
}
.law .tileArea .tile {
	width: 93% !important;
	padding: 10px 2% 10px 2%;
	height: auto !important;
	margin: 0 auto 10px;
	clear: both;
	min-height: inherit;
}
.law .tileArea .tile .icon {
	width: 28%;
	float: left;
}
.law .tileArea .tile .rightSide {
	float: right;
	width: 68%;
}
.law .tileArea .title {
	font-size: 130%;
}
.law .tileArea .title span {
	font-size: 60%;
}
.law .tileArea .text {
	font-size: 110%;
	display: block;
	margin-bottom: 10px;
}
.law .tileArea .tile .btn {
	width: 41.9%;	
	min-width: 180px;
}


/* ==========================================================
	/attention/example.html
========================================================== */

.faqArea {
	margin: 0;
}
#attention.example table th {
	padding: 5px;
}
#attention.example table td {
	padding: 5px 5px 5px 5px;
	text-align: center;
}
#attention.example table td.plus {
	background: url(../images/faq/plus.png) 97% 48% no-repeat;
	background: url(../images/faq/plus_ie8.png) 97% 48% no-repeat\9;
	-moz-background-size: 20px 20px;
	background-size: 20px 20px;
  padding: 5px 28px 5px 5px;
}
#attention.example table td.minus {
	background: url(../images/faq/minus.png) 97% 48% no-repeat;
	background: url(../images/faq/minus_ie8.png) 97% 48% no-repeat\9;
	-moz-background-size: 20px 20px;
	background-size: 20px 20px;
  padding: 5px 28px 5px 5px;
}

/* ==========================================================
	/attention/mention.html
========================================================== */

#attention .siteImg {
	width: 90%;
	margin: 0 auto ;
}

/* ==========================================================
	/attention/shipping.html
========================================================== */

#attention table.at_tb th div,
#attention table.at_tb td div {
	padding: 3px;
}

#attention.shipping table th span {
	display: block;
}

}/* ▲max-width: 640px end▲*/