@charset "utf-8";

@media screen and (max-width: 768px) {

/*
########################################################
	ページ全体情報
########################################################
*/
	body {
		background: #ffffff;
		min-width: 0;
	}
	.pc {
		display: none !important;
	}
	.sm {
		display: block !important;
	}
	.page {
		width: 100%;
	}
	section > p {
		width: 97%;
	}
	.br-pc, .br-sp2 { display:none; }
	.br-sp { display:block; }

.mapp-layout {
	width: 100% !important;
	margin: 0 auto !important;
}
	.pageIn {
		width: 100%;
	}
	.flexBox .item1{order: 1;}
	.flexBox .item2{order: 2;}
	.flexBox .item3{order: 3;}
	.flexBox .item4{order: 4;}



/*
########################################################
	ヘッダー
########################################################
*/
	.top_headWin {
		background: url(../img/top_headImg_sp.png) no-repeat center top;
		height: 453px;
	}
	.page_headWin {
		background: url(../img/page_headImg_sp.png) no-repeat center top;
		height: 225px;
	}
	#head_logo {
		width: 70%;
		padding-top: 10px;
	}
	#head_logo img {
		padding: 3px 0 0;
	}
	#head_logo hr {
		margin-bottom: 5px;
	}



/*
########################################################
	グローバルメニュー
########################################################
*/
	
	#globalMenu {
		margin-bottom: 100px;
		padding: 10px 0;
	}
	#globalMenu li {
		width: 50%;
		margin-bottom: 7px;
		line-height: 100%;
		box-sizing: border-box;
	}
	#globalMenu li:nth-child(odd) {
		border-right: 1px solid #01558d;
	}
	#globalMenu li:after, #globalMenu li:first-child:before {
		content: "";
	}
	#globalMenu li a {
		padding: 5px 35px;
		display: inline-block;
	}



/*
########################################################
	トップページ
########################################################
*/
	.top_headP {
		width: 90%;
	}
	
	/* 商店街マップ */
	#map_Block {
		margin-top: 20px;
	}
	.top_map, .uLinkBox img {
		width: 95%;
	}

	/* 店舗一覧 */
	.topSlistBox h2 img {
		margin-bottom: 30px;
	}

	/* 下層リンクブロック */
	#uLinkLeft {
		padding-right: 0;
	}


/*
########################################################
	ページ
########################################################
*/
	.pnkz {
		width: 90%;
	}

	/* 日大通り商店会について */
	#about_Block p, .meiboBox table, .shopd_mss {
		width: 95%;
	}
	.aboutBox2 img {
		width: 100%;
	}
	.meiboBox table {
		margin: 0 auto;
	}

	/* 店舗一覧 */
	#sList_Block li, #sList_Block li:nth-child(4n) {
		width: 95%;
		margin: 0 auto 50px;
	}
	#sList_Block li img {
		width: 100%;
		height: 240px;
	}

	/* 店舗詳細 */
	.shopdBox h3 {
		margin-bottom: 0;
	}
	.shopd_cat {
		text-align: center;
		margin: 10px 0;
	}
	.shopdBox .frameLink {
		text-align: center;
		margin: 20px 0 30px;
	}
	.frameLink i {
		margin: 0 30px 0 -40px;
		vertical-align: middle;
	}
	.spot_mainBg img, .shopd_mainImg {
		width: 100%;
		height: 100%;
	}
	.shopd_dLeft, .shopd_dRight {
		width: 95%;
		margin: 0 auto;
	}
	ul.snsLi {
		width: 60%;
		margin: 0 auto 30px;
		justify-content: space-between;
	}
	ul.snsLi li a {
		margin: 0;
	}
	.shopd_dRight table {
		width: 100%;
	}
	.shopd_dRight th {
		width: 20%;
		padding: 10px;
	}
	
	/* 近隣のスポット */
	.spot_mainBg {
		margin-bottom: 30px;
	}
	#spot_Block p {
		width: 95%;
	}
	.spotBox h4 {
		width: 95%;
		margin: 70px auto 10px;
	}
	.black_ttl {
		width: 95%;
		margin-left: auto;
		margin-right: auto;
	}
	.spot_dBox {
		width: 100%;
	}
	.spot_dBox img {
		width: 100%;
		height: 240px;
		margin-top: 0;
	}
	.spot_dLeft {
		margin: 30px auto 0;
	}


	/* 404 */
	.block404 {
		padding: 100px 0 !important;
		text-align: center;
		line-height: 200%;
		text-align: center !important;
	}
	.block404 p {
		margin-bottom: 45px;
	}


/*
########################################################
	フッター
########################################################
*/
	#footer_Block {
		background: #53c1e4 url(../img/fot_backImg_sp.png) no-repeat center center;
		background-size: 100% auto;
		padding: 20px 0;
	}
	#footer_Block img {
		width: 150px;
		margin-bottom: 15px;
	}
	#goTopPage{
		width: 55px;
		bottom: 16%;
	}
}


@media screen and (max-width: 360px) {
	.br-sp2 { display:block; }
	
	.btnHead {
		width: 110px;
		height: auto;
		line-height: 120%;
		padding-bottom: 7px;
	}
	.fot_taiken > .btnB {
		height: auto;
		padding: 10px 0;
		line-height: 120%;
	}
	.drawer_btn > .btnB {
		height: auto;
		padding: 10px 0;
		line-height: 120%;
	}
}
/** レスポンシブの終了 **/