@charset "utf-8";

#rakutencp {
	margin: 0 auto;
	padding-bottom: 25px;
	min-width: 1016px;
  background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%), url(20180628_rakuten_pay_cp_bg_02.png) left top repeat, url(20180628_rakuten_pay_cp_bg_01.jpg) center top repeat;
  background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,0) 100%), url(20180628_rakuten_pay_cp_bg_02.png) left top repeat, url(20180628_rakuten_pay_cp_bg_01.jpg) center top repeat;
  background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,0) 100%), url(20180628_rakuten_pay_cp_bg_02.png) left top repeat, url(20180628_rakuten_pay_cp_bg_01.jpg) center top repeat;
}

#rakutencpHeader {
	position: relative;
	margin: 0;
	padding: 0;
	min-width: 1016px;
	width: 100%;
	overflow: hidden;
}
#rakutencpHeader .rakutencpMv {
  margin: 0 auto;
  max-width: 960px;
}
#rakutencpHeader .rakutencpMv img {
  margin: 0 -528px;
}

#rakutencpCol {
  position: relative;
	margin: -200px auto 0;
  padding: 0 43px 33px;
	width: 954px;
	background: #ffffff;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
  box-shadow: 0 0 0 1px #df9814 inset, 0 0 0 2px #ffe663 inset, 0 0 0 3px #df9814 inset;
}

#rakutencpCol h2 {
  position: relative;
  margin: 0 -52.5px;
  padding: 13px 0 0;
  width: 972px;
  height: 94px;
  background: url(20180628_rakuten_pay_cp_bg_tit.png) center top no-repeat;
  text-align: center;
  box-sizing: border-box;
}
#rakutencpCol h2.titPeriod {
  top: -5px;
}

#rakutencpCol .rakutencpCnt {
  margin-top: 60px;
  text-align: center;
}
#rakutencpCol .rakutencpCnt:first-child {
  margin-top: 0;
}
#rakutencpCol .rakutencpCnt p {
  margin-top: 40px;
}
#rakutencpCol .rakutencpCnt p:first-of-type {
  margin-top: 20px;
}
#rakutencpCol .rakutencpCnt p.btnCol a {
  display: block;
}
#rakutencpCol .rakutencpCnt p.btnCol a:hover {
  opacity: 0.6;
}
#rakutencpCol .rakutencpCnt p.merit {
  border: 2px solid #c00000;
}

#rakutencpCol .rakutencpNotes {
}

#rakutencpCol .rakutencpNotes dt {
	margin-top: 2em;
	color: #c00000;
	font-size: 16px;
  font-weight: bold;
	line-height: 20px;
}
#rakutencpCol .rakutencpNotes dt:first-of-type {
	margin-top: 0;
}

#rakutencpCol .rakutencpNotes dd {
	margin: 0.4rem 0 0 15px;
	font-size: 16px !important;
	line-height: 20px;
}
#rakutencpCol .rakutencpNotes dd.annotation {
  margin-left: calc(16px + 14px);
	font-size: 14px !important;
	line-height: 18px;
  text-indent: -14px;
}

#rakutencpCol .rakutencpNotes a {
	color: #1b95e0;
	text-decoration: underline;
}

#rakutencpCol .rakutencpNotes a:hover {
	color: #E0D21A;
	text-decoration: none;
}