@charset "euc-jp";


/* ------------------------------------------------------------

共通設定

------------------------------------------------------------ */

html {
	overflow: auto;
}

body{
	position:relative;
	min-width:950px;
	overflow:hidden;
	margin:0!important;
	line-height: 1.5;
}
#riGlobalWrap {
 overflow:hidden;
 / IE Bug Support /
 overflow-x:hidden;
}

.fs13{
	font-size:13px;
}
.fs15{
	font-size:15px;
}
.fs18{
	font-size:18px;
}
.fs20{
	font-size:20px;
}


/* コンテンツ幅
---------------------------------------- */
.w950 {	width: 950px; margin-right: auto; margin-left: auto; }
.w680 {	width: 680px; margin-right: auto; margin-left: auto; }
.w660 {	width: 660px; margin-right: auto; margin-left: auto; }
.w640 {	width: 640px; margin-right: auto; margin-left: auto; }
.w620 {	width: 620px; margin-right: auto; margin-left: auto; }
.w600 {	width: 600px; margin-right: auto; margin-left: auto; }
.w580 {	width: 580px; margin-right: auto; margin-left: auto; }
.w560 {	width: 560px; margin-right: auto; margin-left: auto; }


/*====================================================================================================
*	clearfix
====================================================================================================*/

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

.clearfix {
display: inline-table;
min-height: 1%;
}


/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*====================================================================================================
*	clearboth
====================================================================================================*/

.cle { clear: both;}


/*====================================================================================================
*	テキスト装飾
====================================================================================================*/

a { color: #1D54A7 !important; text-decoration: none !important; }
a:link { color: #1D54A7 !important; text-decoration: none !important; }
a:visited { color: #1D54A7 !important;  text-decoration: none !important; }
a:hover { color: #BF0000 !important; text-decoration: underline !important; }

.disc a { color: white !important; text-decoration: none !important; }
.disc a:link { color: white !important; text-decoration: none !important; }
.disc a:visited { color: white !important;  text-decoration: none !important; }
.disc a:hover { color: white !important; text-decoration: underline !important; }

.shop a { color: white !important; text-decoration: none !important; }
.shop a:link { color: white !important; text-decoration: none !important; }
.shop a:visited { color: white !important;  text-decoration: none !important; }
.shop a:hover { color: white !important; text-decoration: underline !important; }
/*====================================================================================================
*	調整
====================================================================================================*/

.not_sbr table { text-align: left;}
.not_sbr table img { display: block;}

img {border: 0 none;　vertical-align: top;}

/* table内ラインIE6対応 */
#shop table img,
#shop table img,
.dart table img {
vertical-align: baseline;
}

.dart img {
display:block;
}

.dart {
text-align: center;
}

#ritTopHeader #ritBasketArea {
z-index:9999 !important;
}

#rihCmnHeaderSearch .rihCmnTopSearch .rihCmnSearchRight {
width: 270px !important;
}

#rihCmnHeaderSearch .rihCmnTopSearch .rihCmnSearchSectionInner .rihCmnSearchRight .rihCmnLineheight {
padding-top:1px;
width:185px !important;
}

#ritNotification {
z-index: 9999 !important;
}

/*リンク色調整*/
#RIColL a{ color: #000000 !important; text-decoration: none !important; }
#RIColL a:link {color: #000000 !important; text-decoration: none !important; }
#RIColL a:visited { color: #000000 !important;  text-decoration: none !important; }
#RIColL a:hover{ color: #bf0000 !important; text-decoration: underline !important; }


#purposeArea ul li a { color:#000000 !important; display:block; cursor: pointer;}
#purposeArea ul li a:link {color:#000000 !important;}
#purposeArea ul li a:hover {color:#bf0000 !important; text-decoration:underline !important;}
#purposeArea ul li a:visited {color:#000000 !important;}



/*====================================================================================================
*	layout
====================================================================================================*/



/* フローティングナビ 左右リキッド用 */

#riGlobalWrap{
width:100%;
overflow:hidden;
overflow-x:hidden;

}

.kanbanWrap, #RJSMegaDropdownMenu{
	font-family: Meiryo,'メイリオ','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Lucida Grande', sans-serif;
}

#riWrap {
width: 100% !important;
overflow:hidden;
margin: 0 auto;
font-size: 82%;
padding-top: 5px;
font-family: Meiryo,'メイリオ','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Lucida Grande', sans-serif;
line-height:1.3;
/* IE Bug Support */
overflow-x:hidden;
/position:relative;
z-index:0;
}


#RIColWrap {
margin:0 auto;
}

#RIColWrap #RIColL,
#RIColWrap #RIColR {
text-align: left;
}

#RIColWrap {
padding: 5px 0;
}

#RIColL {
width: 240px;
float: left;
background:#ffffff;
}

#RIColR {
width: 700px;
float: right;
}




/*====================================================================================================
*	福袋共通レイアウト
====================================================================================================*/


/* ヘッダー部分
--------------------------------------------------------------------------------------------------- */


.camHeaderBnr{
width:100%;
background-color:#CCCCCC;
}

.camHeaderBnr .campaignBnr{
width:950px;
margin:0 auto;
text-align:center;
}


.camHeaderBnr1{
width:100%;
height:50px;
background-color:#eb5509;
}
.camHeaderBnr1 .campaignBnr{
width:950px;
margin:0 auto;
text-align:center;
}

.camHeaderBnr2{
width:100%;
height:50px;
background-color:#c00000;
}
.camHeaderBnr2 .campaignBnr{
width:950px;
margin:0 auto;
text-align:center;
}

.camHeaderBnr3{
width:100%;
height:50px;
background-color:#ffffff;
border-bottom:solid 2px #bf0000;
}
.camHeaderBnr3 .campaignBnr{
width:950px;
margin:0 auto;
text-align:center;
}


/*ぱんくず*/


#riBreadcrumbs {
	font-family:"メイリオ","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	margin-bottom:0 !important;
}

.riBreadcrumbs {

	padding-top:5px !important;
	margin-bottom:0 !important;
}



/*すすめーる*/

.susumeruArea,
.susumeruArea div.susumeruPopup {
z-ndex:9999!important;
}

/*エントリー*/

#checkEntry1 { width:100%;  margin:0 auto; position:relative;}
#checkEntry1 .entryContent .entryCatchTxt{
text-align:center;
margin-bottom:10px;
}

/*====================================================================================================
左ナビ部分
====================================================================================================*/




/* 共通
--------------------------------------------------------------------------------------------------- */

#RIColL .bnr195 {
	width:195px;
	margin:0 auto;
}


/*leftnavi
---------------------------------------- */

.conNaviBox {
	background-color: #f8f4e4 !important;
	margin-bottom:20px;
}

.conSubTtl01 {
	background:url(https://r.r10s.jp/evt/event/newyear/2017/_pc/img/cmn/leftnavi/icon_ttl.png?v=20161229) no-repeat 5px center #ea3b40 !important;
	padding:10px 0 10px 38px;
	border-bottom: 3px solid #caaa82;
	font-weight: normal !important;
	font-size:15px;
}

#leftNavi02 {
	font-size:13px;
}

.conNaviBox .bnr195{
	font-size:13px;
}
.conNaviBox .bnr195 span{
	display:inline-block;
	/display:inline;
	/zoom:1;
	vertical-align:top;
	padding-top:5px;
}

.ri2ColLnavi .inner { padding:10px 0 30px; }
.ri2ColLnavi .bnrList li{ width:195px; margin:0 auto 15px auto; }
.ri2ColLnavi .linkList{ padding-left:10px;}
.ri2ColLnavi .linkList li{ letter-spacing:-0.4em; padding-right:6px; }
.ri2ColLnavi .linkList li + li{ margin-top:15px; }
.ri2ColLnavi .linkList li img{ padding-right:5px; vertical-align:middle; }
.ri2ColLnavi .linkList li span{ letter-spacing:normal; display:inline-block; /display:inline; /zoom:1; vertical-align:middle; width:171px; font-size:13px;}
.ri2ColLnavi .bigLink:hover span{ text-decoration:underline; }

#leftNavi07 .ttl, #leftNavi09 .ttl{
	font-size:13px;
	color:#ea3b40;
	margin-bottom:5px;
	font-weight:bold;
}

#leftNavi09 {
	font-size:13px;
}

#leftNavi09 .riIcnBullet {
    height: 10px;
	width:6px;
    background-image: url(https://r.r10s.jp/evt/event/newyear/2017/_pc/img/cmn/leftnavi/arrow_red.png?v=20161229) !important;
}



/*====================================================================================================
/* コンテンツ部分
/*====================================================================================================*/


.w950 {
	width:950px;
	margin:0 auto;
}

/* ranking
---------------------------------------- */

#rnkEventColumn {
    background-color: #ffffff;
    padding-top: 10px;
}


/* cmn title
---------------------------------------- */

h2.conTtl{
	
    background: url(https://r.r10s.jp/evt/event/newyear/2017/_pc/img/cmn/con_ttl_icon01.png?v=20161229) no-repeat 5px center;
    padding: 15px 0 10px 45px;
    font-size:30px;
	border-bottom:dotted 2px #caaa82;
}

.conTtl2{
	
    background: url(https://r.r10s.jp/evt/event/newyear/2017/_pc/img/cmn/con_ttl_icon01.png?v=20161229) no-repeat 5px center;
	border-bottom:dotted 2px #caaa82;

}
.conTtl2 h2{ 
	padding: 10px 0 5px 45px;
    font-size:30px;
	line-height:1;
}

.conTtl2 p{
	font-size:13px;
	padding:0 0 5px 45px;
}

.conTtl3 {
    font-size: 20px;
    color: #FFFFFF;
    padding: 5px 10px 3px 10px;
    background-color: #b8954a!important;
}


/*----------------------
   con01
------------------------*/



.con01 .riItemLgt002_700{

}

.con01 .riList700_3Col{
	margin-left:-5px;
}

.con01 .riImgTextList {
    width: 230px;
    margin-left: 5px;
	margin-bottom:15px;
    overflow: hidden;
	height:100%;
}

.con01 .riImgTextList a{
	color:#000000 !important;
} 



.con01 .riImgTextList:hover a{
	text-decoration:none !important;
}

.con01 .odd .genreWrap{
	background-image: url(https://r.r10s.jp/evt/event/newyear/2017/_pc/img/cmn/footer/genre/teiban_bg1.png?v=20161229);
	background-position: left top;
	background-repeat: no-repeat;
}
.con01 .even .genreWrap{
	background-image: url(https://r.r10s.jp/evt/event/newyear/2017/_pc/img/cmn/footer/genre/teiban_bg2.png?v=20161229);
	background-position: left top;
	background-repeat: no-repeat;
}
.con01 .genreWrap{
	position:relative;
}
.con01 .genreName{
	font-size:18px;
	text-align:center;
	color:#000000;
	font-weight:bold;
	line-height:1.2;
	position:absolute;
	top:5px;
	left:0;
	width:100%;
}
.con01 .riImgTextList:hover .itemImg img{
	opacity:0.8 !important;
}

.con01 .genreName{
	padding:15px 0 14px;
}

.con01 .genreName.line2{
	padding:5px 0;
}

/*----------------------
   udr_footer_link_a
------------------------*/

.special .itemList { letter-spacing:-999em; }
.special .itemList ul li { display:inline-block;/display:inline;/zoom:1; vertical-align:top; letter-spacing:normal;
background-image:url(https://r.r10s.jp/evt/event/newyear/2017/_pc/img/cmn/footer/special/special_bg.png?v=20161229); background-repeat:no-repeat; position:relative; }
.special .itemList ul._col2 li { width:350px; height:240px; }
.special .itemList ul._col3 { margin-left:-2px; }
.special .itemList ul._col3 li { width:232px; height:272px; margin-left:2px; margin-bottom:10px; }
.special .itemList ul li.item01 { background-position:0 0; }
.special .itemList ul li.item02 { background-position:0 -261px; }
.special .itemList ul li.item03 { background-position:0 -542px; }
.special .itemList ul li.item04 { background-position:0 -830px; }
.special .itemList ul li.item05 { background-position:0 -1104px; }
.special .itemList ul li.item06 { background-position:-15px -1435px; }
.special .itemList ul li.item07 { background-position:-4px -1769px; }
.special .itemList ul li.item08 { background-position:0 -2103px; }
.special .itemList ul li.item09 { background-position:0 -2422px; }
.special .itemList ul li.item10 { background-position:0 -2724px; }
.special .itemList ul li.item01:hover { background-position:-396px 0; }
.special .itemList ul li.item02:hover { background-position:-396px -261px; }
.special .itemList ul li.item03:hover { background-position:-396px -542px; }
.special .itemList ul li.item04:hover { background-position:-396px -830px; }
.special .itemList ul li.item05:hover { background-position:-308px -1104px; }
.special .itemList ul li.item06:hover { background-position:-323px -1435px; }
.special .itemList ul li.item07:hover { background-position:-311px -1769px; }
.special .itemList ul li.item08:hover { background-position:-308px -2103px; }
.special .itemList ul li.item09:hover { background-position:-308px -2422px; }
.special .itemList ul li.item10:hover { background-position:-308px -2724px; }

.special .itemList ul li a { color:#333333!important; font-size:22px; line-height:1.2em; letter-spacing:-.05em; 
font-family:'游明朝' , YuMincho , 'ヒラギノ明朝 ProN W3' , 'Hiragino Mincho ProN' , 'HG明朝E' , 'ＭＳＰ明朝' , 'ＭＳ 明朝' , serif;
position:absolute; display:block; overflow:visible;}
.special .itemList ul li a:hover { text-decoration:none!important; }
.special .itemList ul li.item01, 
.special .itemList ul li.item02, 
.special .itemList ul li.item03,  
.special .itemList ul li.item04, 
.special .itemList ul li.item06, 
.special .itemList ul li.item07 {
	-webkit-writing-mode: vertical-rl;
	-moz-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	-ms-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
}
.special .itemList ul li.item01 a { top:30px; left:30px; }
.special .itemList ul li.item02 a { top:30px; left:30px; }
.special .itemList ul li.item03 a { top:30px; left:278px; }
.special .itemList ul li.item04 a { top:30px; left:278px; }
.special .itemList ul li.item05 a { top:15px; left:23px; }
.special .itemList ul li.item06 a { top:15px; left:-7px; }
.special .itemList ul li.item07 a { top:15px; left:4px; }
.special .itemList ul li.item08 a { top:30px; left:30px; }
.special .itemList ul li.item09 a { top:18px; left:67px; }
.special .itemList ul li.item10 a { top:18px; left:43px; }

/*----------------------
   udr_footer_link_c
------------------------*/
.con03 .riList700_3Col{
	margin-left:-5px;
}

.con03 .riImgTextList {
    width: 230px;
    margin-left: 5px;
    overflow: hidden;
	height:100%;
}
.con03 .ttl{
	font-size:16px;
	text-align:center;
	background: #ffeea9;
	color:#333333;
	font-weight:bold;
	line-height:1.2;
	padding:12px 0;
}


/* fotter banner
---------------------------------------- */
.riCtgCmnBnr001_700{
	font-size:13px;
}

/* 季節物大型特集回遊フッタ用
---------------------------------------- */
#season-event {
text-align: left;
margin: 0 auto 0;
padding-top: 10px;
width: 100%;
text-align: left;
}

#season-event dt {
color: #bf0000;
font-weight: bolder;
margin: 0 0 5px;
padding: 0;
text-align:center;
font-size:13px;
}

#season-event dd {
margin: 0;
padding: 0;
text-align: center;
font-size:13px;
}

#season-event ul {
margin: 0;
padding: 0;
}

#season-event li {
position:relative;
display: inline;
border-right: 1px solid #000;
padding-right: 5px;
padding-left: 5px;
}



/* フッター部分
--------------------------------------------------------------------------------------------------- */
.seofooter {
padding: 30px 0 5px;
text-align: center;
width: 100%;
font-size:13px;
}



/* Floating Btns
---------------------------------------- */
/* Floating Notification */


#balloonArea {
	position:relative;
	z-index:9999;
}

#floatingNotification {
	position: fixed;
	bottom: 155px;
	right: 0px;
	z-index: 9999 !important;
	border: 0;
	width: 150px;
	height: 134px;
}

#floatingNotification button {
    position: absolute;
    top: 3px;
    right: 8px;
    bottom: 170px;
    height: 30px;
	display:block;
    width: 30px;
    background: rgba(0,0,0,0);
    filter: alpha(opacity=1);
    border: 0;
    z-index: 9999 !important;
    cursor: pointer;
}

/*ページトップへ
---------------------------------------- */

/*custm module*/

#riBackToTop {
    position: fixed;
    bottom: 10px;
    right: 10px;
    background: url(https://r.r10s.jp/evt/event/newyear/2017/_pc/img/cmn/floating/page_top.png?v=20161229);
    width: 118px;
    height: 135px;
    z-index: 8002;
    display: none;
    cursor: pointer;
}



*/
#topButton a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}


/*ranking css*/



/* ashiato */