幅の指定がわかりません

Question

上の画像のように幅を縮めると右にスクロールしちゃいます。
どうすればいいのでしょうか。

<footer>
	<div class="thr" id="qe">
        <div class="gu fe">
		<ul>
			<li class="ko">Airbnb</li>
			<li><a href="https://careers.airbnb.com/">採用情報</a></li>
	    	<li><a href="https://news.airbnb.com/ja/">ニュース</a></li>
			<li><a href="https://www.airbnb.jp/help/topic/250/%E6%9D%A1%E4%BB%B6%E3%83%9D%E3%83%AA%E3%82%B7%E3%83%BC">ポリシー</a></li>
			<li><a href="https://www.airbnb.jp/diversity">ダイバーシティ＆ビロンキング</a></li>
			<li><a href="https://www.airbnb.jp/d/accessibility">アクセシビリティ対応</a></li>
			<li><a href="https://www.airbnb.jp/about/company-details">企業情報</a></li>
		</ul>
    </div>
    <div class="gu fe">
		<ul>
			<li class="ko">スタッフのおすすめ</li>
			<li><a href="https://www.airbnb.jp/trust">信頼＆安全</a></li>
			<li><a href="https://www.airbnb.jp/invite?r=6">お友達紹介クーポン</a></li>
			<li><a href="https://www.airbnbcitizen.com/?utm_source=airbnb&utm_medium=footer&utm_campaign=product">Airbnb Citizen</a></li>
			<li><a href="https://www.airbnb.jp/work?s=footer">出張</a></li>
			<li><a href="https://www.airbnb.jp/things-to-do">アクティビティ</a></li>
			<li><a href="https://www.airbnb.com/magazine">Airbnbmag</a></li>
		</ul>
    </div>
    <div class="gu fe">
		<ul>
			<li class="ko">ホスティング</li>
			<li><a href="https://www.airbnb.jp/hospitality">おもてなしの心</a></li>
			<li><a href="https://www.airbnb.jp/help/article/1386/%E6%97%A5%E6%9C%AC%E3%81%A7%E3%81%AE%E8%B2%AC%E4%BB%BB%E3%81%82%E3%82%8B%E3%83%9B%E3%82%B9%E3%83%86%E3%82%A3%E3%83%B3%E3%82%B0">ホストの責任</a></li>
			<li><a href="https://community.withairbnb.com/t5/Airbnb%E3%82%B3%E3%83%9F%E3%83%A5%E3%83%8B%E3%83%86%E3%82%A3%E3%82%BB%E3%83%B3%E3%82%BF%E3%83%BC/ct-p/Community-Center-Japanese">コミュニティセンター</a></li>
			<li><a href="https://www.airbnb.jp/host/experiences?from_footer=1">体験を掲載</a></li>
			<li><a href="https://www.airbnb.jp/openhomes?from_footer=1">オープンホーム</a></li>
			<li><a href="https://www.airbnb.jp/resources/hosting-homes">リソースセンター</a><span>新着</span></li>
		</ul>
    </div>
    <div class="gu fe">
        <ul>
			<li class="ko">サポート</li>
			<li><a href="https://www.airbnb.jp/help/home">ヘルプ</a></li>
			<li><a href="https://www.airbnb.jp/neighbors">エリアサポート</a><span>新着</span></li>
		</ul>
    </div>
	</div>
	<div id="be">
        <div id="tuka">
             <img src="images/logo.png" width: ="20px" height="20px">
        </div>
		<div id="si">
		   <p><a href="https://www.airbnb.jp/about/company-details">Airbnb Global Services Limited<br>観光庁長官(01)第S0001号(2018年6月15日-2023年6月14日)</a></p>
		   <p><small>&copy 2020 Airbnb,lnc.All rights reserved. <a href="https://www.airbnb.jp/terms">利用規約</a>・<a href="https://www.airbnb.jp/terms/privacy_policy">プライバシー</a>・<a href="https://www.airbnb.jp/sitemaps/v2">サイトマップ</a></small>
		   </p>
		</div>
        <div id="xd">
			<ul id="ori">
				<li><a href="https://www.facebook.com/AirbnbJapan"></a></li>
				<li><a href="https://twitter.com/airbnb_jp"></a></li>
				<li><a href="https://www.instagram.com/airbnb/"></a></li>
			</ul>
        </div>
	</div>
</footer>

@media screen and (max-width: 1110px) {
	main {
		width: 648px;
	}
	#osu{
		margin: 0 30px;
		display: block;
	}
	#ju{
		margin: 20px auto;
	}
	.thr{
		margin-left: 50px;
		display: block;
	}
	.gu{
		margin-bottom: 24px;
		width: 536px;
	}
	.xa{
		font-size: 38px;
	}
	.fhu{
		margin-top: 140px;
	}
	.fhu img{
		width: 324px;
		height: 324px;
	}
	.fhu h3{
		font-size: 18px;
	}
	#bu{
		display: block;
	}
	#ca{
		margin: 0px 0 70px -40px;
	}
	#qu{
		margin-bottom: 20px;
	}
	#gyu img{
		width: 648px;
		height: 411px;
	}
	#henu{
		display: flex;
		margin-left: 0;
	}
	.debu{
		margin-left: 0px;
		margin-bottom: 20px;
	}
	.debu ul{
		width: 600px;
		margin-left: -60px;
	}
	#lkj{
		margin-top: -100px;
	}
	#re img{
		width: 203.33px;
		height: 104.81px;
	}
	#re{
		width: 600px;
		margin: 0 auto;
	}
	#re h3{
		font-size: 24px;
		margin-left: -30px;
	}
    #re h4{
    	font-size: 16px;
    	margin: 3px 6px;
    }
    #re .ada{
    	display: none;
    }
    .bn{
    	width: 203.33px;
    	border: 1px solid #ddd;
    }
    .bn p{
    	font-size: 16px;
    	padding-left: 4px;
    }
	.bnm{
		margin-left: -30px;
		display: flex;
	}
    #qe{
		display: flex;
		margin: 0 auto;
		max-width: 1100px;
	}
	#be {
		width: ;
	}
}

Comments

[rjunakc]

CSSも記載して下さい。デザインはCSSなので、それがないと判断できません。

Answer 1

    .gu{
        margin-bottom: 24px;
        width: 536px;
    }

まだCSSが足りない気がしますが、少なくとも上記の記述で幅が2144pxありますが、ウインドウ幅がそれより小さいのではないでしょうか。