/* CSS Document */

@media screen and (max-width: 999px) {

div.PickupLeft,
div.PickupRight{
	float: none;
	width: 100%;
	height: auto;
}
div.PickupLeft img,
div.PickupRight img{
	width:100%;
	height: auto;
}
div.PickupLeft p,
div.PickupRight p{
	height: auto;
	margin-bottom: 1em;
}
.PickupRight{margin-top: 20px;}


div.ContentLeft,
div.ContentRight{
	float: none;
	/* width:calc(100vw - 40px); */
	width:100%;
	max-width: 670px;
	height: auto;
	margin: auto;
}
div.ContentLeft{}
div.ContentRight{margin-top: 40px;}
div.ContentLeft div.TitleBox,
div.ContentRight div.TitleBox{
	position: relative;
	background-image: url(../../images/local_title_bg.gif);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: auto 100%;
	height:30px;
}
div.ContentLeft div.TitleBox a,
div.ContentRight div.TitleBox a{
	position: absolute;
	top: 0;
	right: 0;
}
div.TitleBox h2 img{height:30px;}
div.ContentLeft h3{
	margin-top: 15px!important;
	padding-left: 0!important;
}
ul.LineListUl{
	min-width: 0;
	padding-left: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
ul.LineListUl li{
	margin: 0;
	margin-top: 15px;
	/* width:47.5%; */
	width:calc(50% - 7.5px);
	display: flex;
	flex-direction: column;
}
ul.LineListUl li a,
ul.LineListUl li img{width:100%;}
ul.LineListUl li a{height: 100%;}
div.SubTtlBox{padding-left: 0;}
div.SubTtlBox h3.KuwanaMochi{
	float: none;
	width:100%;
}
div.ContentRight h3,
div.ContentRight .BannerList{
	display: flex;
	flex-direction: column;
	align-items: center;
}

}/* @media screen and (max-width: 999px) */