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

@media (max-width: 640px) {

#top #top #content .contentInner {
	margin: 0 3%;
}
#information { margin-bottom: 20px;}
#information .informationInner {
	background: url(/images/top/info_icon.png) 10px 0 no-repeat #d1d7e1;
	background: url(/images/top/info_icon_ie8.png)  10px 0 no-repeat #d1d7e1\9;
	-moz-background-size: 100px 22px;
	background-size: 100px 22px;
	padding: 0 0 5px;
}
#information .informationInner p {
	margin: 0;
	padding: 30px 10px 10px 10px;
}
#top #content {
	padding: 5% 0 0;
	overflow: hidden;
}
#top #content .contentInner {
	margin: 0 3%;
	padding-bottom: 20px;
}
#top #content .left {
	width: 100%;
	float: none;
}
#top #content .right {
	width: 100%;
	float: none;
	overflow: hidden;
}
#top #content .left .h3_area .summary {
	display: none;
}
#top #content .tileArea .tile {
	width: 100%;
	height: auto!important;
	float: none;
	margin: 0 0 10px;
}
#top #content .contentInner .tileArea .tile a {
	padding: 4%;
	height: auto !important;
	min-height: inherit !important;
}
#top #content .tileArea a .icon {
	width: 30%;
	margin: 0 10px 0 0;
	display: inline-block;
	vertical-align: middle;
}
#top #content .tileArea a .text {
	margin-left: 0;
	display: inline-block;
	vertical-align: middle;
	width: 60%;
	height: auto!important;
}
#top #content .tileArea a .text,
#top #content .tileArea a:hover .text {
	background: none;
	padding-left: 0;
}
#top #content .right {
	padding-top: 0;
}
#top #content .section .summary_sp,
#top #content .right .newsArea .summary,
#top #content .right .infoArea .summary {
	background: #d1d7e1;
	border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
}

#top #content .summary_sp a,
#top #content .right .newsArea .summary a,
#top #content .right .infoArea .summary a,
#top #content .summary_sp a:hover,
#top #content .right .newsArea .summary a:hover,
#top #content .right .infoArea .summary a:hover {
	background: url(/images/common/summary_bg.png) 32% 12px no-repeat;
	-moz-background-size: 20px 20px;
	background-size: 20px 20px;
	padding: 10px 0 10px 25px;
	display: block;
	text-align:  center;
}
#top #content .right .newsArea .summary,
#top #content .right .infoArea .summary {
float: none;
}

#content .pickupArea .box,
#content .commerceArea .box {
	width: 100%;
	float: none;
	margin: 0 0 10px;
}
#top #content .commerceArea .box a .icon {
	margin: 0 0 3px;
}

#top #content .right .inquiryArea a,
#top #content .right .inquiryArea a:hover {
	color: #FFF;
}

#top #content .section .box.last {
	margin-bottom: 0;
}

#content .commerceArea a .text,
#content .commerceArea a:hover .text {
	background: url(/images/top/tile_indent_off.png) 0 center no-repeat;
	background: url(/images/top/tile_indent_ie8_off.png) 0 center no-repeat\9;
	-moz-background-size: 20px 20px;
	background-size: 20px 20px;
	display: block;
	padding: 8px 0 0 30px;
	min-height: 20px;
	line-height: 1.3;
}



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