@charset "UTF-8";

/* base */
divimg, table, th, td {
	border: 0;
}
dl, dt, dd, p, li, h1, h2, h3, h4, h5, h6, input,  tr, td {
	margin: 0;
	padding: 0;
}

/* indent */
.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}
.top5{margin-top:5px !important;}
.top10{margin-top:10px !important;}
.top15{margin-top:15px !important;}
.top45{margin-top:45px !important;}
.btm2{margin-bottom:2px !important;}
.btm5{margin-bottom:5px !important;}
.btm10{margin-bottom:10px !important;}
.btm15{margin-bottom:15px !important;}
.btm20{margin-bottom:20px !important;}
.btm25{margin-bottom:25px !important;}
.btm30{margin-bottom:30px !important;}
.btm35{margin-bottom:30px !important;}
.btm40{margin-bottom:40px !important;}
.btm45{margin-bottom:45px !important;}
.right5{margin-right:5px !important;}

/* クリア */
div.clearme {
	clear: both;
	height: 0;
}


/* Container */
div.container img {
	vertical-align: bottom;
}

div.container .code{
	width: 100%;
	margin: 0 auto;
	text-align: center;
	color: #009AFE;
	font-size: 40px;
	font-weight: bold;
	padding-top: 30px;
	line-height: 0.8em;
	padding-bottom: 30px;
}

div.container .code span{
    font-size:20px;
    color:#333333;
    font-weight:bold;
}

/* clearfix */
.clearfix:after {
	content: "."; display:block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}


dl{
	width: 92%;
	margin: auto;
	text-align: left;
	font-size: 14px;
	line-height: 1.6em;
}
dt{
	padding-top : 10px;
	padding-bottom : 10px;
	padding-left : 10px;
	width : 15px;
	float : left;/* 左に寄せる */
	clear : both;/* フロートの解除 */
}

dd{
	padding-top : 10px;
	padding-left : 10px;
	padding-right : 10px;
	padding-bottom : 10px;
	width : 95%;
	margin-left : 15px;/* DTの幅分の設定 */
}



div.container .itemlist {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	max-width: 1024px;
	margin: 20px auto;
	padding: 0;
	width: auto;
	font-size: 16px;
}

div.container .itemlist li {
	width: 50%;
	padding: 10px;
	box-sizing: border-box;
}

h2{
	font-size: 20px;
	color: #4D4949;
	margin: 20px auto auto;
	border-bottom:solid 1px #393232;
	border-width:1px;
	width:60%;
	text-align:center;
}

.bnrlist {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	max-width: 1024px;
	margin: 20px auto;
	padding: 0 10px;
	width: auto;
	font-size: 16px;
    justify-content: space-between;
}

.bnrlist li {
	width: 100%;
	padding: 15px 0px 0;
	box-sizing: border-box;
}

@media screen and (min-width:1025px)  {
.bnrlist li {
	width: 100%;
	padding: 15px 0px 0;
	box-sizing: border-box;
}
    }

.bnrlist img {
	width: 100%;
	height: auto;
}

.container .button_anchor {
  background: #0099FF;
  color: #ffffff;
  display: block;
  padding: 24px 0;
  width: 90%;
  margin: 30px auto 15px;
  text-align: center;
  border-radius: 50px;
  font-size: 14px;
  text-decoration: none;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 1px;
  position: relative;
}

.container .button_anchor::after {
  position: absolute;
  top: 25px;
  right: 28px;
  content: '';
  width: 16px;
  height: 12px;
  background: url(/ec/images/category/megane2buy/ico-arrow.png);
}