トップページがでこぼこに

連日の投稿、失礼します。
テーマのテンプレート化のために、架空の店舗を想定したホームページを作ろうとコーディングしていったのですが、2つ目と4つ目のブロックが右側が揃わなくて困っています。
以下にCSSのコードを記載しますのでご教示いただきたいです。
style.css

@charset "UTF-8";
/*
Theme Name: Aruba Otaru Original Theme
Theme URI: http://
Description : Aruba Otaru Deveropment Theme
Version:0.1
Author:Fukuzawa
Lisence:Not-for profit Organization "Aruba Otaru" Corp.
*/

/*--------------------------------------
 RESET
--------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	margin: 0;
	font-family: "Mplus 1p" , sans-serif;
	font-size: 12pt;
	line-height: 1.5;
	width:auto;
}
ol, ul {
	list-style: none;
}
nav {
	width:600px;
	margin-left:auto;
	margin-right:auto;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
 
:focus {
	outline: 0;
}
 
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
 
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a:link  {
	color:#000;
}
a:visited {
	color:#000;
}
/****************************************
共通テーマ
****************************************/

/* ここに共通で使用する要素を定義 */
.clear {
	clear:both;
}
header {
	background-image:url("http://atsumare.wp.xdomain.jp/wp-content/uploads/2019/09/bg.jpg");
	background-size:100%;
	background-repeat:no-repeat;
	height:600px;
	margin-bottom:15px;
	background-attachment: fixed;
	overflow: hidden;
}
header img {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
nav {
	top:0;
	left:0
}
h2 {
	font-size:24pt;
	color:#000;
}
.box {
	box-shadow:0px 0px 6px 3px #666866;
	border-radius:10px 10px 10px 10px ;
	border:3px solid #000000;
	display:inline-block;
	font-weight:bold;
	padding-left:15px;
	padding-right:15px;
	margin:5px;
	}
.price {
	text-align:right;
}
.right-dw {
	display:inline-block;
	position:relative;
	float:left;
}
.right-dw img {
	float:left;
}
.glay {
	border:dotted 2px #696969;
	display:inline-block;
	color:#696969;
	padding:2px;
	margin:5px;
	position:absolute;
    bottom:0;
    right:0;
}
/****************************************
PC用
****************************************/
@media screen and (min-width: 641px){
ul#main-nav {
	border-top:solid 2px #fff;
	height:35px;
	border-bottom:solid 2px #fff;
}
ul#main-nav li {
	width:100px;
	list-style-type: none;
	text-align: center;
	margin:auto;
	float:left;
}
ul#main-nav li a {
	line-height: 35px;
	color: #fff;
}
ul#main-nav li a:hover {
	color: #fff;
	width:10px;
	opacity:0.5;
}
ul#main-nav li:last-child{
  margin-right: 0;
}

/* ページヘッダー */
.page-deader {
	position:relative;
	overflow: hidden;
	}
.page-deader h1 {
	position:absolute;
	top:0;
	left:0;
	margin-left:50px;
	margin-top:150px;
	color:#fff;
	font-size:48pt;
	}
	
/* コンテンツエリア */
article {
	display:inline-block;
	margin-left:50px;
	margin-right:50px;
	position:relative;
	}
article img {
	margin: 15px 15px 15px 15px;
	float:left;
	}
}
/****************************************
スマホ用
****************************************/
@media screen and (max-width:640px){

/* ページヘッダー */
.page-deader {
	position:relative;
	overflow: hidden;
	}
.page-deader h1 {
	position:absolute;
	top:0;
	left:0;
	margin-left:50px;
	margin-top:50px;
	color:#fff;
	font-size:24pt;
	}
/* コンテンツエリア */
article {
	display:inline-block;
	margin-left:10px;
	margin-right:10px;
	}
article img {
	margin: 15px 15px 15px 15px;
	float:left;
	}
}

ヘルプの必要なページ: [リンクを見るにはログイン]