@charset "Shift_JIS";


/* main_top */
#main_top {
	position: relative;
	width: 980px;
	margin-left: -15px;
	z-index: 1;
}

#main_top #main_slider,
#main_top #main_sliderR {
	height: 275px;
}

#main_top .main_slider a,
#main_top .main_slider_r a {
	display: none;
}

#main_top .main_nav {
	position: absolute;
	right: 0;
	top: 0;
	margin: 238px 84px 0 0;
	z-index: 9;
}

#main_top .main_nav #main_next,
#main_top .main_nav #main_prev {
	display: inline-block;
	background-color: rgba(102, 102, 102, 0.7);
	width: 30px;
	height: 30px;
	text-align: center;
	border-radius: 30px;
	line-height: 30px;
	font-size: 18px;
	color: #ffffff;
	margin: 0 6px;
	z-index: 10;
}

#main_top #mainImg {
	width: 100%;
	margin: 0 -500%;
	padding: 0 500%;
	border-bottom: solid 1px #e5dfd2;
}

#main_top #mainImg a:hover img {
	filter:alpha(opacity=50)!important;
	-moz-opacity: 0.5!important;
	opacity: 0.5!important;
}

/* edy_tool_navi */
#main_top #edy_tool_navi {
	padding-bottom: 20px;
	background: url(../images/index_2015/main_line.png) repeat-x scroll center bottom;
	margin: 0 -500%;
	padding: 20px 500% 0;
	width: 100%;
}

#main_top #edy_tool_navi ul {
	width: 950px;
	margin: 0 auto;
	height: 60px;
}

#main_top #edy_tool_navi ul li {
	float: left;
	border-left: solid 1px #cccccc;
	border-right: none;
	font-weight: bold;
	height: 34px;
	width: 156px;
	text-align: center;
}

#main_top #edy_tool_navi ul li a {
	display: block;
	background: url(../images/index_2015/main_nav_icon_2.png) no-repeat #ffffff;
	height: 34px;
	line-height: 34px;
	font-size: 1.2rem;

}

#main_top #edy_tool_navi ul li a:link {
	color: #0a0962;
	text-decoration: none;
}

#main_top #edy_tool_navi ul li a:visited {
	color: #0a0962;
	text-decoration: none;
}

#main_top #edy_tool_navi ul li a:active {
	color: #0a0962;
	text-decoration: underline;
}

#main_top #edy_tool_navi ul li a:hover {
	border-bottom: medium none !important;
	text-decoration: none !important;
	opacity: 0.4;
	filter: alpha(opacity=40);
	-ms-filter: "alpha( opacity=40 )";
	color: #0a0962;
}

#main_top #edy_tool_navi li:first-child {
	border-left: none;
}

#main_top #edy_tool_navi li#main_nav_edyviewer a {
	background-position: -16px -7px !important;
	line-height : 1.4em;
	padding-left: 33px;
}

#main_top #edy_tool_navi li#main_nav_edygift a {
	background-position: -16px -187px !important;
	line-height : 1.4em;
	padding-left: 16px;
}


#main_top #edy_tool_navi li#main_nav_rspoint a {
	background-position: 4px -82px !important;
	padding-left: 32px;
}

#main_top #edy_tool_navi li#main_nav_exchange a {
	background-position: 2px -117px !important;
	padding-left: 68px;
	line-height: 1.4em;
}

#main_top #edy_tool_navi li#main_nav_exchange_cash a {
    position: relative;
    background: none;
    padding-left: 37px;
    line-height: 1.4em;
}

#main_top #edy_tool_navi li#main_nav_exchange_cash i.rex-icon-point-outlined {
  color: #bf0000;
  font-size: 29px;
  vertical-align: middle;
  margin-right: 8px;
  display: block;
  position: absolute;
  left: 11px;
  top: 4px;
}

#main_top #edy_tool_navi li#main_nav_member a {
	background-position: 3px -187px !important;
	line-height : 1.4em;
	padding-left: 35px;
}

#main_top #edy_tool_navi li#main_nav_ehis a {
	background-position: 2px -263px !important;
	padding-left: 34px;
	line-height : 1.4em;
}

#main_top #edy_tool_navi li#main_nav_edyonline a {
	background-position: -2px -338px !important;
	padding-left: 37px;
}

/* edy_navi */

#main_top #edy_navi {
	margin: 10px 0 10px 71px;
}

#main_top #edy_navi li {
	float: left;
	border-right: solid 1px #cccccc;
	text-align: center;
	position: relative;
}

#main_top #edy_navi li#edy_navi_edyr {
	border-left: solid 1px #cccccc;
}

#main_top #edy_navi li a {
	display: block;
	width: 208px;
	height: 75px;
}

#main_top #edy_navi li a span.title {
	display: block;
	margin-top: 2px;
	font-size: 1.3rem;
}

#main_top #edy_navi li a:hover img {
	filter:alpha(opacity=50)!important;
	-moz-opacity: 0.5!important;
	opacity: 0.5!important;
}

#edy_navi li a span.edy_navi_new {
	position: absolute;
	left: 0;
	top: 0;
	background: #fde9eb;
	color: #ff0000;
	font-size: 69%;
	font-weight: bold;
	padding: 0 5px;
	margin: 2px 0 0 20px;
}

#edy_navi li a:hover span.edy_navi_new {
	color: #ff9999;
	text-decoration: none;
}

/* contents */

#edy_feature .section_inner {
	width: 980px;
}

#edy_feature .section_inner figure{
	float: left;
	width: 303px;
	height: 394px;
	margin-right: 20px;
	background: #f5f5f5;
}

#edy_feature .section_inner figure:nth-child(2) {
	margin-right: 21px;
}

#edy_feature .section_inner figure figcaption{
	text-align: center;
	background: #fdeeee;
	color: #bf0000;
	font-size: 118%;
}

#edy_feature .section_inner figure p img{
	display: block;
	width: 299px;
	margin: 0 auto;
}

#edy_feature .section_inner figure p.description {
	padding: 0 10px;
	margin-top: 15px;
}

#edy_select .section_inner #edy_select_item {
	width: 980px;
}

#edy_select .section_inner #edy_select_item dl {
	float: left;
	width: 222px;
	height: 410px;
	background: #f5f5f5;
	margin-right: 20px;
}

#edy_select .section_inner #edy_select_item dl dt {
	text-align: center;
	background: #ffffff;
	color: #00a0e9;
	font-size: 118%;
}

#edy_select .section_inner #edy_select_item dl dd {
	padding-top: 1px;
}

#edy_select .section_inner #edy_select_item dl dd img{
	display: block;
	width: 218px;
	margin: 0 auto;
}

#edy_select .section_inner #edy_select_item dl dd ul {
	padding: 15px 8px;
}

#edy_select .section_inner #edy_select_item dl dd ul li {
	font-size: 88%;
	padding-left: 16px;
	letter-spacing: -0.1em;
	background: url(../jp-common/2015/images/utility/icon_check.png) no-repeat scroll center left;
}

#edy_select .section_inner #edy_select_item dl dd .btn {
	width: 206px;
	margin: 0 8px!important;
	font-size: 100%;
}

#edy_select .section_inner #edy_select_item dl dd .btn a {
	width: 206px;
}

#edy_select .section_inner #edy_select_item dl dd .btn a {
	height: 40px;
	line-height: 40px;
}

#edy_select .section_inner #edy_select_item dl dd .btn a:hover {
	text-decoration: none !important;
}

#start_campaign .section_inner ul {
	width: 980px;
}

#start_campaign .section_inner ul li{
	width: 222px;
	float: left;
	margin-right: 20px;
}

#start_campaign .section_inner ul li:nth-child(3) {
	margin-right: 21px;
}

#start_campaign .section_inner ul li img:hover {
	filter:alpha(opacity=50)!important;
	-moz-opacity: 0.5!important;
	opacity: 0.5!important;
}

#edy_howto #edy_howto_item {
	width: 800px;
	margin: 0 auto;
	display: -wbkit-flex;
	display: flex;
	justify-content: space-between;
}

#edy_howto #edy_howto_item li{
	width: 174px;
	font-size: 100%;
}

#edy_howto #edy_howto_item li a {
	background: #7dcff4 none repeat scroll 0 0;
	border-bottom: 3px solid #7dcff4;
	border-radius: 6px;
	display: block;
	text-align: center;
	line-height: 1.75;
}

#edy_howto #edy_howto_item li a span {
	display: block;
	background: #00a0e9;
	border-radius: 6px;
	color: #ffffff;
	height: 98px;
}

#edy_howto #edy_howto_item li a span img {
	display: block;
	margin: -1px 0 0 2px;
}

#edy_howto #edy_howto_item li a:hover {
	text-decoration: none !important;
}

#edy_howto #edy_howto_item li a:hover span {
	margin: 2px 0 -2px !important;
	background: #7dcff4;
	display: block;
}

#start_campaign #campaign_list #bnr_list.selection dl {
	height: 130px;
}


#whatsnew_area .section_inner .whatsnew_list dl{
	height: auto;
}

#whatsnew_area .section_inner .whatsnew_list dl dd.date {
	display: block;
	font-weight: bold;
	margin-top: 5px;
	font-size: 80%;
}
#whatsnew_area .section_inner .whatsnew_list dl dd.title {
	width: 100%;
}

#whatsnew_area .section_inner .whatsnew_list dl dd.date span.new,
#start_campaign #campaign_list #bnr_list.selection dl.select dd.date span.new {
	color: #ff0000;
	font-size: 90%;
	margin-left: 5px;
}

#recommend .section_inner ul {
	width: 980px;
}

#recommend .section_inner ul li{
	width: 230px;
	float: left;
	margin-right: 10px;
}

#recommend .section_inner ul li:nth-child(3) {
	margin-right: 9px;
}

#recommend .section_inner ul li img:hover {
	filter:alpha(opacity=50)!important;
	-moz-opacity: 0.5!important;
	opacity: 0.5!important;
}

#recommend_3 .section_inner p,
#rakuten_info .section_inner div > p {
	float:left;
	width:230px;
	height: 90px;
}


#recommend_3 .section_inner ul,
#rakuten_info .section_inner div > ul {
	float: right;
	width: 710px;
}

#rakuten_info .section_inner div > ul.cnt_2 {
	float: right;
	width: 470px;
}

#recommend_3 .section_inner ul li,
#rakuten_info .section_inner div > ul li{
	width: 230px;
	float: left;
	margin-right: 10px;
	display: none;
}

#recommend_3 .section_inner ul li:nth-child(3),
#rakuten_info .section_inner div > ul li:nth-child(3),
#rakuten_info .section_inner div > ul.cnt_2 li:nth-child(2) {
	margin-right: 0px;
}

#recommend_3 .section_inner ul li img:hover,
#recommend_3 .section_inner p img:hover,
#rakuten_info .section_inner div > ul li img:hover,
#rakuten_info .section_inner div > p img:hover {
	filter:alpha(opacity=50)!important;
	-moz-opacity: 0.5!important;
	opacity: 0.5!important;
}

.list-date-01 {
	margin-bottom: 20px;
	font-size: 87%;
}

.list-date-01 dt {
	padding: 8px 0 0 0.5em;
	position: absolute;
}

.list-date-01 dd {
	padding: 8px 0.5em 8px 7.5em;
}

.list-date-01 dd {
	padding: 8px 0.5em 8px 7.5em;
}

.noticeboard__article li,
.list-date-01 dd {
    border-bottom: 1px dotted #333 !important;
}


.list-date-01 li {
	background: url(../images/border_bg01.gif) repeat-x scroll 0 100% rgba(0, 0, 0, 0);
	padding: 8px 0.5em 8px 0.5em;
}


#campaign_banner {
	display: -wbkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 950px;
	flex-wrap: wrap;
	margin: 0 auto;

}

#campaign_banner li {
	margin-right: 10px;
}

#campaign_banner li:nth-child(n + 5) {
	margin-top: 10px;
}

#campaign_banner li:nth-child(4),
#campaign_banner li:nth-child(8) {
	margin-right: 0;
}

#campaign_banner li img:hover {
	filter:alpha(opacity=50)!important;
	-moz-opacity: 0.5!important;
	opacity: 0.5!important;
}

#rakuten_recommend_2,
.rakuten_recommend_2 {
	width: 640px;
	margin: 0 auto;
}

#rakuten_recommend_2 li,
.rakuten_recommend_2 li {
	width: 300px;
}

/* verisign */
#verisign {
	margin: 10px auto;
	text-align: right;
	width: 950px;
}

/* =======================================
	ClearFixElements
======================================= */
.wideslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.wideslider ul {
	display: inline-block;
	overflow: hidden;
}

/* =======================================
	module
======================================= */

/*-- Emergency Notification --*/
.emn01 {
	width: 980px;
	margin: 20px auto;
	padding: 15px;
	border: 1px solid #000;
	/*font-size: 82%;*/
}

.emn01 dt {
	font-weight: bold;
}

.emn01_grplink {
	*zoom: 1;
}

.emn01_grplink:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.emn01_grplink li {
	float: left;
	padding-right: 3em;
}

#tls_info {
	border: solid 1px #bf0000;
	background: #fbe0e0;
	text-align: center;
	color: #bf0000;
	padding: 8px 0;
}

#tls_info p a {
	color: #bf0000;
}

#tls_info p a:before{
	content:" ";
	display: inline-block;
	background:url(/jp-common/2018/images/utility/rexicon-sign-warning.svg);
	width: 28px;
	height: 28px;
	vertical-align: middle;
}

#special_floating_optimization {
	position: fixed;
	bottom: 120px;
	left: 20px;
	border: medium none;
	width: 120px;
	z-index: 9999;
}

#special_floating_optimization_r {
	left: auto;
	right: 20px;
	bottom: 0px;
	background: #ffffff;
	padding: 5px 0 0;
	text-align: center;
	position: fixed;
	border: medium none;
	width: 120px;
	z-index: 9999;
}

#special_floating_optimization_r2 {
	left: auto;
	right: 0;
	bottom: 120px;
	position: fixed;
	border: medium none;
	width: 100px;
	z-index: 9999;
}

.rc-h-title.social-distance,
.rc-h-title.social-distance-text {
	display: inline-block !important;
}

.rc-h-title.social-distance {
	float: left;
	margin-right: 5px;
}

.rc-h-title.social-distance-text a {
	background: #fef9c2;
	padding: 10px 15px;
	color: #333333;
	font-size: 12px;
	font-weight: normal;
	color: #333333 !important;
}

#str-header_2013 .rc-h-standard .rc-h-service-bar .rc-h-title.social-distance-text a:visited {
	color: #333333 !important;
}

.rc-h-title.social-distance-text a:hover {
	opacity: 0.5;
}

.rc-h-title.social-distance-text a:before {
	display: inline-block;
	content: "i";
	font-size: 12px;
	background: #ffb238;
	width: 20px;
	height: 20px;
	border-radius: 20px;
	color: #ffffff;
	text-align: center;
	vertical-align: middle;
	margin-right: 5px;
}

main section.section_yellow .section_inner {
	background: #fffde3;
	margin: 0 -500%;
	padding: 40px 500%;
}

#campaign_list_r {
  width: 950px;
}

#campaign_list_r #bnr_list {
  width: 950px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 16px; /* dl<=4...10px, dl>4...16px */
}
#campaign_list_r #bnr_list dl {
  padding: 0;
}