/* ---------------------------------------------
main
--------------------------------------------- */
#mainImg{
	width: 940px;
	margin: 0 auto;
}

h2{
	border-bottom: 1px solid #008965;
}

/* ---------------------------------------------
mediaquery main
--------------------------------------------- */
@media screen and (max-width: 1019px) {
	#mainImg{
		width: 100%;
	}
	#mainImg img{
		width: 100%;
		height: auto;
	}
	h2 img{
		height: auto;
	}
}

/* ---------------------------------------------
store
--------------------------------------------- */
#oxHome{
	position: absolute;
	top: 182px;
	left: 292px;
}

/* ---------------------------------------------
mediaquery store
--------------------------------------------- */
@media screen and (max-width: 800px) {
	.store{
		width: 48%;
	}
	
	#oxHome{
		width: 35%;
		top: 37%;
		left: 63.4%;
	}
	
	#oxHome img{
		width: 100%;
		height: auto;
	}
	
	.store.mr20{
		margin-right: 4%!important;
	}
	
	.store.mb20{
		margin-bottom: 4%!important;
	}
	
	#ox{
		width: 100%;
		margin-bottom: 4%;
	}
	
	.store img{
		width: 100%;
		height: auto;
	}
}

@media screen and (max-width: 480px) {
	#stores img{
		width: 83%;
	}
}

/* ---------------------------------------------
topics
--------------------------------------------- */

#topics,#topicsList{
	width: 755px;
}

#topicsList{
	height: 220px;
	background-color: #ededed;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

#topicsList li{
	padding: 20px 20px 0px 20px;
	line-height: 23px;
}

#topicsList li table tr .first{
	width: 61px;
}

.topicsDate{
	margin: 0px 15px;
}

.topicsTitle a{
	text-decoration: underline;
}

.topicsTitle a:hover{
	color: #777;
}

/* ---------------------------------------------
mediaquery topics
--------------------------------------------- */
@media screen and (max-width: 1019px) {
	#topics,#topicsList{
		width: 100%;
	}
	#topicsList{
		margin-bottom: 40px;
	}
}

@media screen and (max-width: 480px) {
	#topics,#topicsList{
		width: 100%;
	}
	#topics img{
		width: 48%;
	}
}

@media screen and (max-width: 810px) {
	#topics{
		width: 100%;
		margin-bottom: 0px!important;
	}
	
	#topicsList{
		width: 100%;
		height: auto;
		vertical-align: top;
		overflow: hidden;
	}
	
	#topicsList li{
		padding: 5px 0px 5px 0px;
		border-bottom: dotted 2px #ccc;
		background-color: #fff;
		background-image: url(../img/ico_arrow03_sp.gif);
		background-position: right center;
		background-repeat: no-repeat;
		background-size:16px 21px;
	}
	
	#topicsList li a{
		padding-right: 30px;
	}
	
	.topicsTitle:before{
		content: "\A";
		white-space: pre;
	}
	
	.topicsDate{
		margin: 0px 10px;
	}
	
	#topicsList .nosp{
		display: none;
	}
	
	#topicsList .sp{
		display: block;
	}
	
	#topicsList .spInline{
		display: inline;
	}
}

/* ---------------------------------------------
banner
--------------------------------------------- */

#bannerList{
	width: 700px;
	margin: 0 auto;
}

.bnr_point{
	margin-bottom: 20px;
}

.cardBnrSp{
	display: none;
}

/* ---------------------------------------------
mediaquery banner
--------------------------------------------- */
@media screen and (max-width: 1019px) {
	.cardBnrNoSp{
		display: none;
	}
	.cardBnrSp{
		display: block;
	}
	.cardBnrSp img{
		width: auto;
		width: 220px;
		height: 133px;
	}
	.flex_box_start{
		display: flex;
		justify-content: flex-start;
		flex-wrap: wrap;
	}
	.point_box{
		display: flex;
		justify-content: center;
		margin: 0 auto;
	}
	.bnr_point{
		margin-right: 20px;
	}
}

@media screen and (max-width: 750px) {
	#bannerList{
		width: 100%;
	}
	
	#bannerList a{
		width: 48%;
	}
	
	#bannerList img{
		width: 100%;
		height: auto;
	}
	
	#bannerList .mr20{
		margin-right: 0px!important;
	}
	#bannerList .mrSp{
		margin-right: 4%!important;
	}
	#bannerList .mbSp{
		margin-bottom: 4%!important;
	}
	.bnr_point{
		width: 154px;
		margin: 0px 4% 4% 0px;
	}
	.bnr_point:nth-of-type(2){
		margin: 0px 0px 4% 0px;
	}
}