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

@media (max-width: 640px) {

/* =========================
	共通
============================ */
#guide #header .logoArea {
	width: 10%;
	vertical-align: top;
	margin-right: 2%;
}
#guide #header .headerText {
	width: 100%;
	vertical-align: top;
	font-weight:bold;
}
#guide #header .headerText .subTitle {
	font-size: 100%;
	letter-spacing: inherit;
}
#guide #header .headerText .title {
	font-size: 150%;
	letter-spacing: inherit;
}
#guide .explanation {
	margin: 20px 0;
}
#guide .explanation li {
	background: url(../images/common/list_blue.png) 0 8px no-repeat;
	-moz-background-size: 6px 6px;
	background-size: 6px 6px;
	padding-left: 16px;
}
#guide .leftText,
#guide .rightImg {
	width: 100%;
	float: none;
}
#guide .leftText {
	margin-bottom: 10px;
}
#guide .leftText .numberImg {
	width: 12%;
	margin-right: 2%;
}
#guide .leftText .detailText {
	margin-left: 0;
}

#guide h5 {
	width: 84%;
	font-size: 130%;
	line-height: 1.3;
}

#guide .numberImg {
	width: 13%;
}

#guide .bgGray {
	padding: 10px;
	margin-top: 20px;
}



/* ==========================================================
	ローソン
========================================================== */

#guide.lawson #header .logoArea {
	vertical-align: middle;
}
#guide .resheet {
	padding: 10px;
}

#content .contentInner h4 {
	background: url(../images/common/h3_bg.gif) 10px center no-repeat;
	background: url(/images/common/h3_bg_ie8.gif) 10px center no-repeat\9;
	-moz-background-size: 7px 23px;
	background-size: 7px 23px;
	font-size: 150%;
	font-weight: bold;
	line-height: 1.3;
	padding: 20px 0 20px 27px;
	margin: 20px 0 20px;
	border-top: 2px solid #4490ca;
	border-bottom: 2px dotted #4490ca;
	clear:both;
}

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




  span.wideyellow {
      background-color: #ffff55;
      padding: 1px 0px;
   }