@charset "euc-jp";


/* 100%幅コンテンツ
----------------------------------------*/
html {
	overflow:auto;
}
body {
	overflow:hidden;
	overflow-x:hidden;
	position:relative;
	min-width:950px;
}


/* 950幅コンテンツ
----------------------------------------*/
.w950cnt{
	width: 950px;
	margin: 0 auto;
}
#ssWrap {
	width:100% !important;
	position:relative;
	z-index:9;
}


/* 700幅コンテンツ
----------------------------------------*/
.w700cnt {
	width: 700px;
	margin: 0 auto;
}


/*
 Breadcrumbs
-------------------------------------------------------------------------*/
#RIbreadwrap {
	margin-top: 4px;
}
#RIbreadcrumbs {
	text-align: left;
}
#RIbreadcrumbs li {
	display: inline;
}
#headRule {
	float: right;
	width: 100%;
}

#RIbreadcrumbs li {
	display: inline;
	float: left;
	margin-left: 5px;
}
#headSns li {
	margin-left: 5px;
}
#headSns .snsBtn {
}
#headertext {
    font-size:82%;
    font-weight: bold;
    margin: 5px 0;
    text-align: right;
    width: 100%;
}


/* すすめーるパーツ
----------------------------------------*/
#headerParts {
	width:950px;
	margin:0 auto;
}


/* Rakuten Super Sale Logo
----------------------------------------*/
#r_logo {
	text-align:center;
	height:0;
	padding-top:100px;
	overflow:hidden;
	background:url('/campaign/supersale/20190904hmdds/_pc/img/close/r_logo.png') no-repeat center center;
}


/* Header
----------------------------------------*/
#headerWrap {
	text-align: center;
}
#headerWrap #headerMain {
	width:950px;
	height:100%;
	margin-right:auto;
	margin-left:auto;
	padding:80px 0;
}
#headerWrap h2 {
	font-family:'Hiragino Kaku Gothic ProN','メイリオ', sans-serif;
	font-size:150%;
	font-weight:bold;
	color:#444444;
	width:600px;
	height:420px;
	margin:0 auto;
	background:url('https://r.r10s.jp/evt/event/campaign/supersale/20170304/_pc/img/close/letter.png') no-repeat top center;
	overflow:auto;
}
#headerWrap h2 > span {
	display:block;
	padding-top:230px;
}
#headerWrap h3 {
	font-family:'Lucida Grande', Meiryo, sans-serif;
	font-size:150%;
	font-weight:bold;
	color:#444444;
	line-height:1;
	position:relative;
	width:950px;
	margin:0 auto;
	/* ie7 */
    *zoom: expression(
        this.runtimeStyle.zoom='1',
        this.insertBefore(
            document.createElement('div'),
            this.childNodes[0]
        ).className='before_HeaderWrapH3',
        this.appendChild(
            document.createElement('div')
        ).className='after_HeaderWrapH3'
    );
}
#headerWrap h3:before,
#headerWrap h3 .before_HeaderWrapH3,
#headerWrap h3:after,
#headerWrap h3 .after_HeaderWrapH3 {
	content:'';
	position:absolute;
	top:-10px;
	z-index:0;
	display:block;
	height:100%;
}
#headerWrap h3:before,
#headerWrap h3 .before_HeaderWrapH3 {
	left:0;
	margin-left:-500%;
	padding-left:500%;
	background-color:#f8ed00;
}
#headerWrap h3:after,
#headerWrap h3 .after_HeaderWrapH3 {
	right:0;
	margin-right:-500%;
	padding-right:500%;
	background-color:#f8ed00;
}
#headerWrap h3 > span {
	position:relative;
	display:block;
	padding:25px;
	background-color:#fff700;
	/* ie7 */
    *zoom: expression(
        this.runtimeStyle.zoom='1',
        this.insertBefore(
            document.createElement('div'),
            this.childNodes[0]
        ).className='before_HeaderWrapH3In',
        this.appendChild(
            document.createElement('div')
        ).className='after_HeaderWrapH3In'
    );
}
#headerWrap h3 > span:before,
#headerWrap h3 > span .before_HeaderWrapH3In,
#headerWrap h3 > span:after,
#headerWrap h3 > span .after_HeaderWrapH3In {
	content:'';
	position:absolute;
	top:-10px;
	z-index:1;
	display:block;
	height:100%;
}
#headerWrap h3 > span:before,
#headerWrap h3 > span .before_HeaderWrapH3In {
	left:0;
	width:20px;
	background:url('https://r.r10s.jp/evt/event/campaign/supersale/20150301/close/img/ribbon_left.png') no-repeat center top #fff100;
}
#headerWrap h3 > span:after,
#headerWrap h3 > span .after_HeaderWrapH3In {
	right:0;
	width:20px;
	background:url('https://r.r10s.jp/evt/event/campaign/supersale/20150301/close/img/ribbon_right.png') no-repeat center top #fff100;
}

/*商品画像配置*/
#headerMain {
	position:relative;
}
#headerMain .itemImg {
	position: absolute;
}
#headerMain .item01 {
	top:70px;
	left:-100px;
}
#headerMain .item02 {
	top:250px;
	left:-30px;
}
#headerMain .item03 {
	top: 495px;
	left:-70px;
}
#headerMain .item04 {
	top:90px;
	right:-150px;
}
#headerMain .item05 {
	top:270px;
	right:-50px;
}
#headerMain .item06 {
	top:450px;
	right:-160px;
}


/* 風船背景
----------------------------------------*/
#backgroundWrap {
	position:relative;
	width:100%;
	height:100%;
	/* ie7 */
    *zoom: expression(
        this.runtimeStyle.zoom='1',
        this.insertBefore(
            document.createElement('div'),
            this.childNodes[0]
        ).className='before_HeaderMain',
        this.appendChild(
            document.createElement('div')
        ).className='after_HeaderMain'
    );
}
#backgroundWrap:before,
#backgroundWrap .before_HeaderMain {
	content:'';
	position: absolute;
	top:0;
	left:0;
	z-index:-1;
	width:100%;
	height:100%;
	background-image:url('https://r.r10s.jp/evt/event/campaign/supersale/20150301/close/img/main_bg.png');
	background-position:top center;
	background-repeat:repeat-x;
}
#backgroundL {
	background: url('https://r.r10s.jp/evt/event/campaign/supersale/20150301/close/img/balloon_l.png') 50% 0px repeat fixed;
}
/*#backgroundM {
	background: url('https://r.r10s.jp/evt/event/campaign/supersale/20150301/close/img/balloon_m.png') 50% 0px repeat fixed;
}
#backgroundS {
	background: url('https://r.r10s.jp/evt/event/campaign/supersale/20150301/close/img/balloon_s.png') 50% 0px repeat fixed;
}*/
.background {
	position:absolute;
	top:0;
	z-index:-1;
	display:block;
	width:100%;
	height:100%;
	margin:0 -500%;
	padding:0 500%;
	/*webkitブラウザのみScrollが100px単位でまとまって動くためtransitionを付ける*/
	-webkit-transition: background-position, background-position-y 0.1s ease-out;
}


/* Anchor Tab
----------------------------------------*/
#anchorTab > ul {
	border-right:2px solid #f0f0f0;
}
#anchorTab > ul > li {
	vertical-align:top;
	display:inline-block;
	/display:inline !important;
	border-left:2px solid #f0f0f0;
	/zoom:1;
}
#anchorTab > ul > li a {
	display:block;
	width:186px;
	height:0;
	padding-top:50px;
	overflow:hidden;
	background-color:#FFF;
	background-position: center;
}
#anchorTab > ul > li a:hover {
	background-position: center -2px;
	background-repeat: no-repeat;
}
#anchorTab .tab01 a {
	background-image:url('https://r.r10s.jp/evt/event/campaign/supersale/20151205/close/img/navi_tab01.png');
}
#anchorTab .tab02 a {
	background-image:url('https://r.r10s.jp/evt/event/campaign/supersale/20151205/close/img/navi_tab02.png');
}
#anchorTab .tab03 a {
	background-image:url('https://r.r10s.jp/evt/event/campaign/supersale/20151205/close/img/navi_tab03.png');
}
#anchorTab .tab04 a {
	background-image:url('https://r.r10s.jp/evt/event/campaign/supersale/20151205/close/img/navi_tab04.png');
}
#anchorTab .tab05 a {
	background-image:url('https://r.r10s.jp/evt/event/campaign/supersale/20151205/close/img/navi_tab05.png');
}

/*パターン２*/
#anchorTab.type02 > ul > li a {
	width:314px;
	background-position:center top;
	background-repeat: no-repeat;
}
#anchorTab.type02 > ul > li a:hover {
	background-position: center -2px;
	background-repeat: no-repeat;
}


/* Main Contents
----------------------------------------*/
#mainCnts {
	position:relative;
 	width:950px;
	padding:20px 0;
	margin-right:auto;
	margin-left:auto;
	background-color:#ffffff;
}
#cnts1,
#cnts2,
#cnts3,
#cnts4,
#cnts5 {
	padding-top:20px;
	padding-bottom:40px;
}
#cnts2,
#cnts4 {
	position:relative;
	width:100%;
	height:100%;
	background-color:#eeeeee;
	/* ie7 */
    *zoom: expression(
        this.runtimeStyle.zoom='1',
        this.insertBefore(
            document.createElement('div'),
            this.childNodes[0]
        ).className='before_CntsBg',
        this.appendChild(
            document.createElement('div')
        ).className='after_CntsBg'
    );
}
#cnts2:before,
#cnts2 .before_CntsBg,
#cnts4:before,
#cnts4 .before_CntsBg {
	content:'';
	position: absolute;
	top:0;
	left:0;
	z-index:-1;
	width:100%;
	height:100%;
	margin:0 -500%;
	padding:0 500%;
	background-color:#eeeeee;
}
#GenreAdCpa--700--4 {
	margin: 0 auto;
}

/* Contents 1 */
#cnts1 > h4 {
	width:100%;
	height:0;
	padding-top:120px;
	background-image:url('https://r.r10s.jp/evt/event/campaign/supersale/20160618/close/img/con1_ttl.png');
	overflow:hidden;
}

/* Contents 2 */
#cnts2 > h4 {
	width:100%;
	height:0;
	padding-top:120px;
	background-image:url('https://r.r10s.jp/evt/event/campaign/supersale/20151205/close/img/con2_ttl.png');
	overflow:hidden;
}

/* Contents 3 */
#cnts3 > h4 {
	width:100%;
	height:0;
	padding-top:120px;
	background-image:url('https://r.r10s.jp/evt/event/campaign/supersale/20151205/close/img/con3_ttl.png');
	overflow:hidden;
}

/* Contents 4 */
#cnts4 > h4 {
	width:100%;
	height:0;
	padding-top:120px;
	background-image:url('https://r.r10s.jp/evt/event/campaign/supersale/20151205/close/img/con4_ttl.png');
	overflow:hidden;
}

/* Contents 5 */
#cnts5 > h4 {
	width:100%;
	height:0;
	padding-top:120px;
	background-image:url('https://r.r10s.jp/evt/event/campaign/supersale/20151205/close/img/con5_ttl.png');
	overflow:hidden;
}

/* Contents 6 */
#cnts6 > h4 {
	width:100%;
	height:0;
	padding-top:68px;
	background-image:url('https://r.r10s.jp/evt/event/campaign/supersale/20151205/close/img/con6_ttl.png');
	overflow:hidden;
}
#cnts6 .cornerReadTxt {
	font-family:'Hiragino Kaku Gothic ProN','メイリオ', sans-serif;
	font-size:150%;
	font-weight:bold;
	color:#444444;
	text-align:center;
}

/* Close Layout Common  */
.funcType {
	font-family:'Lucida Grande', Meiryo, sans-serif;
}
.funcType .rank {
	font-weight:bold;
	color:#bf0000;
	margin-bottom:5px;
}
.funcType .rank01 {
	padding-left:30px;
	background:url('https://r.r10s.jp/evt/event/campaign/supersale/20150301/close/img/ico_crown01.gif') no-repeat left center;
}
.funcType .rank02 {
	padding-left:30px;
	background:url('https://r.r10s.jp/evt/event/campaign/supersale/20150301/close/img/ico_crown02.gif') no-repeat left center;
}
.funcType .rank03 {
	padding-left:25px;
	background:url('https://r.r10s.jp/evt/event/campaign/supersale/20150301/close/img/ico_crown03.gif') no-repeat left center;
}

/* Close Layout 1  */
.closeLayout01 {
	text-align:center;
}
.closeLayout01 .listUl > li {
	vertical-align:top;
	display:inline-block;
	/display:inline !important;
	width:47%;
	/zoom:1;
}
.closeLayout01 .funcType {
	text-align:left;
	width:426px;
	margin:0 auto;
}
.closeLayout01 .funcType > .funcTypeIn {
	position:relative;
	padding:10px;
	background-color:#ffffff;
}
.closeLayout01 .funcType > .funcTypeIn > * {
	vertical-align:top;
	display:inline-block;
	/display:inline !important;
	/zoom:1;
}
.closeLayout01 .funcType .funcTypeImg {
	width:226px;
}
.closeLayout01 .funcType .funcTypeTxt {
	width:170px;
	margin-left:10px;
}
.closeLayout01 .funcType .rank {
	font-size:150%;
}
.closeLayout01 .funcType .rank > span {
	font-size:180%;
}
.closeLayout01 .funcType .description {
	padding-bottom:3em;
}
.closeLayout01 .funcType .shop {
	position:absolute;
	right:10px;
	bottom:10px;
	width:170px;
	text-align:right;
}
.closeLayout01 .funcType .shop a {
	line-height:20px;
	padding-left:24px;
	display:inline-block;
	/display:inline;
	/zoom:1;
	background:url('https://r.r10s.jp/evt/event/campaign/supersale/20150301/close/img/ico_shop.gif') no-repeat left center;
}

/* Close Layout 2  */
.closeLayout02 {
	text-align:center;
}
.closeLayout02 .listUl > li {
	vertical-align:top;
	display:inline-block;
	/display:inline !important;
	width:33%;
	/zoom:1;
}
.closeLayout02 .funcType {
	text-align:left;
	width:246px;
	margin:0 auto;
}
.closeLayout02 .funcType > .funcTypeIn {
	position:relative;
	padding:10px;
	background-color:#ffffff;
}
.closeLayout02 .funcType .rank {
	font-size:130%;
}
.closeLayout02 .funcType .rank > span {
	font-size:160%;
}
.closeLayout02 .funcType .funcTypeImg {
	margin-bottom:5px;
}
.closeLayout02 .funcType .description {
	margin-bottom:5px;
}
.closeLayout02 .funcType .shop {
	text-align:left;
}
.closeLayout02 .funcType .shop a {
	line-height:20px;
	padding-left:24px;
	display:inline-block;
	/display:inline;
	/zoom:1;
	background:url('https://r.r10s.jp/evt/event/campaign/supersale/20150301/close/img/ico_shop.gif') no-repeat left center;
}

.cautionTxt{
	text-align:right;
	font-size:92%;
	padding-right:40px;
	color:#444444;
}


/* ranking parts */
#rnkEventColumn{margin-top:40px;}

/* ashiato */
#ashiatoWrap{width:950px !important;}


.btmBnr{margin-top:40px;}

/* フッターテキスト */
#footertext {
    font-size:82%;
    clear: both;
    color: #999999;
    margin-bottom: 20px;
    text-align: center;
    width: 100%;
}