@charset "UTF-8";

/*
郵便局・はこぽす受け取りポイントキャンペーン
-------------------------------------------------------*/

/* [body] */
body {
	margin: 0 auto;
	padding: 0;
	color: #000;
	background: #fff;
	font-family:"Meiryo","メイリオ","Yu Gothic","ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",sans-serif;
	font-size: 16px;
}

/* [a] */
a { overflow: hidden; }
a:link { color: #2881bd; }
a:visited { color: #2881bd; }
a:hover { color: #2881bd; }
a:active { color: #a3202c; }
/* [clear margin padding] */

ul, ol, dl, dt, dd, li,
h1, h2, h3, h4, h5, h6,
p, hr, pre, blockquote,
form, input, button, textarea, select, option, fieldset, legend {
	margin: 0;
	padding: 0;
}

/* [clear border] */
ul, ol, dl, dt, dd, li,
h1, h2, h3, h4, h5, h6,
p, hr, pre, blockquote,
img, a { border: 0; }

/* [list] */
ul, ol, dl, dt, dd, li { list-style-type: none; }

/* [em] */
em { font-style: normal; }

/* [h] */
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-size: 100%;
}

.jppg-wrap{
	width: 950px;
	margin: 0 auto;
	padding: 0 0;
	font-size: 14px;
	color: #333333;
	line-height: 22px;
}
#kanban{
	width: 100%;
	margin: 0 auto;
	background-size: 100% ;
	background:url(https://r.r10s.jp/evt/event/guide/shipping/jp/point-pg/_pc/img/kanban_pc_210401.png) no-repeat;
	background-repeat: no-repeat;
	background-position: center;
	height: 450px;
	padding: 0 0;
}
#kanban #intxt{
	line-height: 24px;
	width:950px;
	margin:0 auto;
	padding:260px 0 0 0;
	color:#ffffff;
}
#kanban #intxt p{
	text-align: left;
	margin: 0 auto;
	padding-left: 230px;
}

/*cont-------------------------------------------------------*/
.cont1{
	margin: 20px 0;
	padding: 0 0;
	text-align: center;
}
.cont1 p{
	text-align: center;
}
.cont{
	margin: 40px 0 100px 0;
	padding: 0 0;
}
.step{
	width: 950px;
	margin: 0 auto;
	padding: 0 0;
}
.step dl{
	text-align: center;
	float: left;
	margin: 0 auto;
	padding: 0 0;
	height: 190px;
	vertical-align: bottom;
}
.step dt{
	width: 296px;
	height: 170px;
	margin: 10px auto;
	padding: 20px 0 0 0;
	vertical-align: bottom;
}
.step dd{
	vertical-align: middle;
	background-color: #efefef;
	width: 296px;
	height: 40px;
	margin: 0 10px;
	padding: 10px 0;
	font-weight: bold;
}
.step dd span{
	display: inline-block;
	margin: 10px 0 0px 0;
}
.stepinfo{
	clear:both;
	margin: 100px 0;
	line-height: 27px;
	text-align: left;
	padding: 10px 75px;
}
.whatjpser{
	clear: both;
	margin: 50px 0;
	padding: 0 0;
}
.whatjpser h2{
	font-weight: bold;
	font-size: 36px;
	margin: 20px 0 25px 0;
	padding: 0 0 15px 0;
	border-bottom: dashed 2px;
	border-bottom-color: #808080;
}
.jppg-wrap h2{
	font-size: 30px;
	margin: 0 0 15px 0;
	text-align: center;
}
.jppg-wrap h3{
	text-align: left;
	border-left-color: #a3202c;
	border-left-style: solid;
	border-left-width: 10px;
	font-weight: bold;
	font-size: 24px;
	margin: 40px 0 20px 0;
	padding: 6px 0 3px 10px;
	color: #a3202c;
}
.whatjpser span{
	font-size: 24px;
}
.left{
	text-align: left;
	width: 650px;
	float: left;
}
.left p{
	margin: 20px 0;
}
.right{
	padding: 20px 0 0 0;
	float: right ;
}
.left2{
	padding: 20px 0 0 0;
	width: 240px;
	float: left ;
	margin-right: 100px;
}
.right2{
	text-align: left;
	width: 610px;
	float: left;
}
.right2 p{
	margin: 20px 0;
}
.whatjpser .right2 p span{
	font-size: 11px;
}
#btn1{
	display: inline-block;
	padding: 2px 10px 0px 10px;
	margin: 0 0;
	background-color: #ffffff;
	color: #a3202c;
	font-weight: bold;
	line-height: 16px;
	border-radius: 15px;
}
#btn2{
	font-size: 18px;
	float: right;
	display: inline-block;
	padding: 2px 5px 0px 10px;
	margin: 0 0;
	border-style: solid;
	border-color: #a3202c;
	border-radius: 15px;
	border-width: 2px;
	color: #a3202c;
	font-weight: bold;
}
.hd100{
	font-size: 36px;
	font-weight: bold;
	background-color: #eeaa22;
	padding: 20px 0;
	margin: 10px 0 60px 0;
	color: #ffffff;
	text-align: center;
}
#bottom100{
	background-color: #a3202c;
	padding: 35px 0;
	margin: 100px 0 60px 0;
	height: 300px;
	width: 100%;
	color: #ffffff;
	text-align: center;
}
#bgbinner{
	background-image: url(https://r.r10s.jp/evt/event/guide/shipping/jp/point-pg/_pc/img/town1.png);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 290px;
	width: 100%;
	margin: -150px 0;
}
#bgtinner{
	background-image: url(https://r.r10s.jp/evt/event/guide/shipping/jp/point-pg/_pc/img/town1.png);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 290px;
	width: 100%;
	margin: -150px 0;
}

/*module mod-------------------------------------------------------*/
.riAccordionLv1Menu{color:#333;position:relative;background-color:#fff;line-height:37px;text-indent:1em;font-weight:700;border-bottom:1px solid #bebebe;-webkit-tap-highlight-color:transparent;-webkit-user-select:none}
.riAccordionLv1Menu.open:after,.riAccordionLv1Menu:after{position:absolute;border-top:3px solid #727272;content:" ";width:7px;height:7px;top:13px;right:10px;border-right:3px solid #727272}
.riAccordionLv1Menu:after{/* -webkit-transform:rotate(135deg); */-ms-transform:rotate(135deg);/* transform:rotate(135deg); */}
.riAccordionLv1Menu.open:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
.riAccordionLv1Menu>img{vertical-align:middle;line-height:30px;padding:4px}
.riAccordionMenu{
	text-indent: 0 !important;
}
.riAccordionLv2{
	text-indent: 0 !important;
}
.riAccordionLv1Menu{
	font-size: 16px;
	text-indent: 0 !important;
	border-top-width: 2px;
	border-top-style: dashed;
	border-top-color: #808080;
	padding: 10px 0 5px 0;
	border-bottom: none;
}
.riAccordionLv1Menu{
	padding-left: 15px;
}
.riAccordionLv1Menu span{
	display: inline-block;
	font-weight: normal;
	padding-left: 20px;
}
.riAccordionLv1Menu img{
	padding: 0 0;
	margin-left: 10px;
}
.riAccordionLv2{
	margin-top: 25px;
	margin-bottom: 10px;
}
.riAccordionLv2 li{
	border-bottom: none;
}
.riAccordionLv2 span{
	line-height: 30px;
	margin: 10px 0;
}
.riAccordionLv2 img{
	vertical-align: baseline;
}
.riAccordionLv2 a {
	display: inline;
}
.riAccordionLv2 li:after{
	border: none;
}
.riAccordionLv1Menu:after{
	width: 30px;
	height: 30px;
	transform: none;
	border: none;
	background:url(https://r.r10s.jp/evt/event/guide/shipping/jp/point-pg/_pc/img/btn_close.png) no-repeat;
}
.riAccordionLv1Menu.open:after{
	width: 30px;
	height: 30px;
	transform: none;
	border: none;
	background:url(https://r.r10s.jp/evt/event/guide/shipping/jp/point-pg/_pc/img/btn_open.png) no-repeat;
}
.riAccordionLv1Menu.open:after, .riAccordionLv1Menu:after{
	position: absolute;
	top: 13px;
	right: 10px;
	content: " ";
}
.imgajs1{
	margin-bottom: -10px;
}
.imgajs2{
	margin-bottom: 4px;
}
.imgajs3{
	margin-bottom: 18px;
}
.imgajs5{
	margin-bottom: 45px;
}
#riBackToTop {
	position: fixed;
	bottom: 10px;
	right: 10px;
	background: url(https://r.r10s.jp/com/img/event/pc_module/ver2/rifloatingtop.png);
	width: 50px;
	height: 50px;
	z-index: 100;
	display: none;
	cursor: pointer;
}
.riLqBreadcrumbs {
    width: 950px !important;
}

/*TABLE-------------------------------------------------------*/
.riTableInfo{
	width: 100%;
	border: solid #ccc;
	border-width: 1px 1px;
	font-size: 100%;
	line-height: 1.6;
}
.riTableInfo td, .riTableInfo th {
	padding: 15px 10px;
	border: solid #ccc;
	border-width: 1px 0 0 1px;
	font-size: 100%;
	width: 80%;
}
.riTableInfo th {
	padding: 15px 10px;
	background: #a3202c;
	text-align: center;
	color: #ffffff;
	width: 13%;
	vertical-align: middle;
}
table{
	border-collapse: inherit;
}
#details{
	padding-bottom: 20px;
}

/*Notice-------------------------------------------------------*/
.Box01 {
    background-color: #f5f5f5;
    -webkit-border-radius: 4px;
    border-radius: 4px;
	width: 950px;
    margin: 20px auto;
}
.notice01 {
    padding: 15px;
    margin-bottom: 15px;
}
.notice01__title {
    padding: 0 0 8px 25px;
    font-size: 15px;
    font-weight: bold;
    position: relative;
    line-height: 1;
}
.notice01__title:before {
    display: inline-block;
    content: url(https://r.r10s.jp/evt/event/guide/shipping/_pc/img/icon_notice.png);
    width: 20px;
    height: 20px;
    position: absolute;
    top: -3px;
    left: 0;
}
.notice01__text {
    font-size: 13px;
}

/*Reward-------------------------------------------------------*/
#reward .left-col {
    flex: inherit;
}
#reward .right-col {
    flex: inherit;
	margin-top: 10px;
}