@charset "UTF-8";

/* ------------------------------------------------------------

【楽天市場】スイーツギフト 大切な人に感謝の気持ちを込めて

------------------------------------------------------------ */

html {
	overflow:auto;
}
body {
	position:relative;
	min-width:950px;
	overflow:hidden;
	margin:0!important;
}

.ecm-container[data-layout="main"] {
  padding-left: 0;
  padding-right: 0;
  width: 950px;
  min-width: inherit;
}


/* anchor -[common]- */
a._anchor {
	position:relative;
	z-index:-1;
	display:block;
	margin-top:-100px;
	padding-top:100px;
}


/*
 kanban -[custom]-
----------------------------------------*/
.sweetsgift-kanban._liquid {
	text-align:center;
	position:relative;
	width:100%!important;
	height:400px;
	background:url(https://r.r10s.jp/evt/event/sweets/gift/_pc/img/20180413/main_ttl_bg.gif) repeat center top;
}
.sweetsgift-kanban._liquid > .innerWrap {
	position:relative;
	width:950px;
	height:100%;
	margin:0 auto;
}
.sweetsgift-kanban._liquid > .innerWrap:before {
	content:'';
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	display:block;
	width:950px;
	height:100%;
	margin:0 -500%;
	padding:0 500%;
	background:url(https://r.r10s.jp/evt/event/sweets/gift/_pc/img/20180413/main_ttl_ribon.png) no-repeat center top;
  box-sizing: initial;
}
.sweetsgift-kanban._liquid .title {
	position:relative;
	width:950px;
	margin:0 auto;
}


/*
ancNaviList
----------------------------------------*/
.ancNaviList {
	width:840px;
	margin:-51px auto 0 auto;
	position:relative;
  z-index: 1;
}

.ancNaviListFloating {
	width:840px;
  margin: 0 auto;
  left: 0;
  right: 0;
}

.ancNaviListFloating:before {
  content:'';
	display:block;
	width:100vw;
	height:51px;
	background:url(https://r.r10s.jp/evt/event/sweets/gift/_pc/img/20180413/main_ttl_bg.gif) repeat center top;
	position:absolute;
	top:0;
  left: 50%;
  transform: translateX(-50%);
	z-index:-1;
}

.ancNaviListFloating .ancNaviList {
	margin-top:0;
}

.ancNaviList--ul {
	letter-spacing:-.5em;
	margin-left:-25px;
}
.ancNaviList--li {
	vertical-align:top;
	display:inline-block;
	text-align:center;
	letter-spacing:normal;
	line-height:2;
	width:148px;
	height:148px;
	overflow:hidden;
	margin-left:25px;
}
.ancNaviListFloating .ancNaviList--li {
	vertical-align: top;
	display: inline-block;
	text-align: center;
	letter-spacing: normal;
	line-height: 2;
	width: 110px;
	height: 108px;
	overflow: hidden;
	margin-left: 60px;
}
.ancNaviList--li a {
	display:block;
}
.ancNaviList--li a span {
	display:block;
	width:100%;
	height:0;
	padding-top:148px;
	background:url(https://r.r10s.jp/evt/event/sweets/gift/_pc/img/20180413/navi_sprite.png) no-repeat left top;
}
.ancNaviListFloating .ancNaviList--li a span {
	display:block;
	width:100%;
	height:0;
	padding-top:148px;
	background:url(https://r.r10s.jp/evt/event/sweets/gift/_pc/img/20180413/navi_sprite2.png) no-repeat left top;
}
.ancNaviList--li.menu01 a span {background-position:0 0;}
.ancNaviList--li.menu02 a span {background-position:-153px 0;}
.ancNaviList--li.menu03 a span {background-position:-306px 0;}
.ancNaviList--li.menu04 a span {background-position:-459px 0;}
.ancNaviList--li.menu05 a span {background-position:-612px 0;}
.ancNaviList--li.menu01 a:hover span {background-position:0 -153px;}
.ancNaviList--li.menu02 a:hover span {background-position:-153px -153px;}
.ancNaviList--li.menu03 a:hover span {background-position:-306px -153px;}
.ancNaviList--li.menu04 a:hover span {background-position:-459px -153px;}
.ancNaviList--li.menu05 a:hover span {background-position:-612px -153px;}

.ancNaviListFloating .ancNaviList--li.menu01 a span {background-position:0 0;}
.ancNaviListFloating .ancNaviList--li.menu02 a span {background-position:-110px 0;}
.ancNaviListFloating .ancNaviList--li.menu03 a span {background-position:-220px 0;}
.ancNaviListFloating .ancNaviList--li.menu04 a span {background-position:-330px 0;}
.ancNaviListFloating .ancNaviList--li.menu05 a span {background-position:-440px 0;}
.ancNaviListFloating .ancNaviList--li.menu01 a:hover span {background-position:0 -110px;}
.ancNaviListFloating .ancNaviList--li.menu02 a:hover span {background-position:-110px -110px;}
.ancNaviListFloating .ancNaviList--li.menu03 a:hover span {background-position:-220px -110px;}
.ancNaviListFloating .ancNaviList--li.menu04 a:hover span {background-position:-330px -110px;}
.ancNaviListFloating .ancNaviList--li.menu05 a:hover span {background-position:-440px -110px;}

/*
 topLeadTxt
----------------------------------------*/
.topLeadTxt {
	font-size:13px;
	line-height:1.54;
	color:#0c3733;
	margin-bottom:50px;
}

/*
 過去モジュール
[module_set_20170911.min.css]
----------------------------------------*/

.ecm-wrap[date-type="sweetsgift"] {
  font-size: 82%;
  text-align: left;
  zoom: 1;
}

.cntItemMain {
  position: relative;
  line-height: 1em;
  overflow: hidden;
  margin: 0 0 10px 0;
}

.conItemLink:hover,
.cntImgTextList:hover {
  opacity: .8;
}

.cntH2 {
  margin: 28px 0 10px;
  padding: 0 0 4px 0;
  border-bottom: 1px solid #cccccc;
  color: #333333;
  font-size: 122%;
  font-weight: bold;
}

.cntBdr {
  border: 1px solid #cccccc;
  padding: 10px;
  zoom: 1;
}
.cntBdrColor_ffffff {
  border-color: #ffffff !important;
}


/* clearfix */
.u-clearfix:after {
	content: '';
	display: block;
	clear: both
}


/*
 cntTtl001
----------------------------------------*/
/* _subTtl */
.cntTtl001._subTtl._icon {
	text-align:center;
	position:relative;
}
.cntTtl001._subTtl._icon:before {
	content:'';
	display:block;
	text-align:center;
	width:40px;
	height:40px;
	background:url(https://r.r10s.jp/evt/event/sweets/gift/_pc/img/20180413/icon_crown.png) no-repeat center center;
	margin:0 auto 17px auto;
}
.cntTtl001._subTtl._icon span {
	display:block;
	text-align:center;
	line-height:1;
}


/*
 cntVariety
----------------------------------------*/
.cntVariety ._conBdrColor {
	border-color: #0b438f;
}

.cntVariety li a {
	color:#0c3733!important;
}
.cntVariety ._itemCatch {
	font-size:16px;
  line-height: 1.5;
}

.cntVariety ._itemCatch_s {
	font-size:14px;
  line-height: 1.5;
}

.cntVariety li a:hover {
  background: transparent!important;
	text-decoration: underline!important;
}

.cntVariety li div a:hover {
  background: transparent!important;
	text-decoration: underline!important;
}

/*
 cntRanking
----------------------------------------*/
.cntRanking .itemRanking__caution {
	font-size:13px;
	line-height:1.54;
	color:#0c3733;
}



/*
 cntEvent
----------------------------------------*/
/* riItemLgt002_950 [custom] */
.cntEvent .cntImgTextList a {
	color:#0c3733!important;
}
.cntEvent .cntImgTextList ._itemCatch {
	font-size:16px;
  line-height: 1.5;
}
.cntEvent .cntImgTextList:hover {
  background: transparent!important;
}


/*
 searchform -[form]-
 > https://gift.rakuten.co.jp/
----------------------------------------*/
.searchModal {
  width: 842px;
  background: #ffffff;
  padding: 29px 29px 0;
  box-sizing: border-box;
  z-index: 1005;
  margin:0 auto;
  display:block!important;
}
.searchModal__keywordWrap {
  float: left;
  width: 496px;
}
.searchModal.is-fixed .searchModal__keywordWrap {
  width: 340px;
}
.searchModal__keywordWrap input {
  width: 100%;
  padding: 0 0 0 8px;
  height: 40px;
  border: solid 1px #ccc;
  border-radius: 5px;
  box-sizing: border-box;
  font-size: 16px;
  outline: none;
}
.searchModal__keywordWrap input:focus {
  border: solid 2px #05b0ff;
}
.searchModal__keywordWrap .is-fill {
  border: solid 1px #05b0ff;
}
.priceRange {
  float: right;
  width: 274px;
}
.searchModal.is-fixed .priceRange {
  width: 294px;
}
.priceRange__yen {
  font-size: 18px;
  display: inline-block;
  padding-left: 2px;
  vertical-align: middle;
}
.priceRange__table {
  display: table;
}
.priceRange__cell {
  display: table-cell;
}
.priceRange__fieldWrap {
  position: relative;
  display: inline-block;
  width: 103px;
  height: 40px;
  border: solid 1px #ccc;
  border-radius: 5px;
  overflow: hidden;
  vertical-align: middle;
  box-sizing: border-box;
}
.priceRange__fieldWrap.is-fill {
  border: solid 1px #05b0ff;
}
.priceRange__fieldWrap.is-active {
  border: solid 2px #05b0ff;
}
.priceRange__fieldWrap--last {
  margin-left: 3px;
}
.priceRange__field {
  width: 100%;
  height: 100%;
  padding: 0 21px 0 15px;
  border: none;
  background: none;
  box-sizing: border-box;
  outline: none;
  font-size: 18px;
  color: #000;
}
/*
.priceRange__field:focus {
  border: solid 2px #05b0ff;
}
.priceRange__field.is-active {
  border: solid 1px #05b0ff;
}
*/
.priceRange__btns {
  position: absolute;
  top: 0;
  right: 0;
}
.priceRange__btn {
  position: absolute;
  right: 0;
  top: 21px;
  width: 21px;
  height: 19px;
  background: #e6e6e6 url(https://r.r10s.jp/evt/event/sweets/gift/_pc/img/20180413/arrow_b.png) center 5px no-repeat;
  cursor: pointer;
}
.is-active .priceRange__btns {
  top: -1px;
  right: -1px;
}
.priceRange__btn--minInc,
.priceRange__btn--maxInc {
  top: 0;
  background: #e6e6e6 url(https://r.r10s.jp/evt/event/sweets/gift/_pc/img/20180413/arrow_a.png) center 5px no-repeat;
}
.searchModal__head {
  font-size: 16px;
  color: #404040;
}
.searchModal__optioins {
  padding-top: 15px;
}
.searchModal__optioins--left {
  width: 630px;
  float: left;
}
.searchModal.is-fixed .searchModal__optioins--left {
  width: 438px;
}
.searchModal__optioins--right {
  float: right;
}
.checkOptions input {
  display: none;
}
.checkOptions label {
  position: relative;
  display: block;
  width: 150px;
  height: 70px;
  text-align: center;
  border: solid 1px #ccc;
  border-radius: 5px;
  box-sizing: border-box;
  cursor: pointer;
}
.checkOptions label span {
  position: absolute;
  display: inline-block;
  left: 0;
  right: 0;
  bottom: 6px;
  margin: auto;
  line-height: 1.14;
}
.searchModal.is-fixed .checkOptions label span {
  bottom: 14px;
}
.searchModal.is-fixed .checkOptions__item {
  margin-right: 10px;
}
.searchModal.is-fixed .checkOptions__item--message label span {
  width: 70px;
  bottom: 6px;
}
.searchModal.is-fixed .checkOptions label {
  width: 97px;
  height: 86px;
}
.checkOptions input:checked + label {
  border: solid 1px #05b0ff;
  cursor: pointer;
}
.checkOptions__item {
  float: left;
  margin-right: 6px;
  position: relative;
  font-size: 14px;
  cursor: pointer;
}
.checkOptions__item label:after {
  position: absolute;
  content: '';
  display: block;
}
.checkOptions__item--wrap label:after {
  width: 33px;
  height: 34px;
  left: 0;
  right: 0;
  top: 8px;
  margin: auto;
  background: url(https://r.r10s.jp/evt/event/sweets/gift/_pc/img/20180413/wrap_l.png);
}
.checkOptions__item--wrap input:checked + label:after {
  background: url(https://r.r10s.jp/evt/event/sweets/gift/_pc/img/20180413/wrap_l_checked.png);
}
.checkOptions__item--noshi label:after {
  width: 37px;
  height: 34px;
  left: 0;
  right: 0;
  top: 8px;
  margin: auto;
  background: url(https://r.r10s.jp/evt/event/sweets/gift/_pc/img/20180413/noshi_l.png);
}
.checkOptions__item--noshi input:checked + label:after {
  background: url(https://r.r10s.jp/evt/event/sweets/gift/_pc/img/20180413/noshi_l_checked.png);
}
.checkOptions__item--message label:after {
  width: 37px;
  height: 34px;
  left: 0;
  right: 0;
  top: 8px;
  margin: auto;
  background: url(https://r.r10s.jp/evt/event/sweets/gift/_pc/img/20180413/message_l.png);
}
.checkOptions__item--message input:checked + label:after {
  background: url(https://r.r10s.jp/evt/event/sweets/gift/_pc/img/20180413/message_l_checked.png);
}
.checkOptions__item--name label:after {
  width: 37px;
  height: 34px;
  left: 0;
  right: 0;
  top: 8px;
  margin: auto;
  background: url(https://r.r10s.jp/evt/event/sweets/gift/_pc/img/20180413/name_l.png);
}
.checkOptions__item--name input:checked + label:after {
  background: url(https://r.r10s.jp/evt/event/sweets/gift/_pc/img/20180413/name_l_checked.png);
}
.checkOptions__item--free label:after {
  width: 37px;
  height: 34px;
  left: 0;
  right: 0;
  top: 8px;
  margin: auto;
  background: url(https://r.r10s.jp/evt/event/sweets/gift/_pc/img/20180413/free_l.png);
}
.checkOptions__item--free input:checked + label:after {
  background: url(https://r.r10s.jp/evt/event/sweets/gift/_pc/img/20180413/free_l_checked.png);
}
.searchModal.is-fixed .checkOptions__item--asuraku {
  margin-right: 0;

}
.searchModal.is-fixed .checkOptions__item--asuraku label span {
  width: 60px;
  bottom: 9px;
}
.checkOptions__item--asuraku label:after {
  width: 37px;
  height: 34px;
  left: 0;
  right: 0;
  top: 8px;
  margin: auto;
  background: url(https://r.r10s.jp/evt/event/sweets/gift/_pc/img/20180413/asuraku_l.png);
}
.checkOptions__item--asuraku input:checked + label:after {
  background: url(https://r.r10s.jp/evt/event/sweets/gift/_pc/img/20180413/asuraku_l_checked.png);
}
.checkOptions__item:last-child {
  margin-right: 0;
}
.searchModal__submit {
  text-align: center;
  padding: 20px 0 9px;
}
.searchModal.is-fixed .searchModal__submit {
  padding: 31px 0 15px;
}
.searchModal__submit input {
  width: 222px;
  height: 40px;
  line-height: 38px;
  background: #bf0000;
  color: #fff;
  font-size: 16px;
  text-align: center;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

/* keywordTxtList */
.cntSearch .keywordTxtList{
	width:784px;
	margin:10px auto 0 auto;
}
.cntSearch .keywordTxtList--li{
	display:inline-block;
}

.cntSearch .keywordTxtList--li a{
	color:#000000 !important;
}
.cntSearch .keywordTxtList--li a:hover{
	text-decoration:none !important;
}

.cntSearch .keywordTxtList--li a{
	display:block;
	padding:5px 10px;
	background-color:#c3e2de;
	border:1px solid #315955;
	border-radius:3px;
}


/*
 cntCampaign riNavBnr004_950
----------------------------------------*/
.cntCampaign .riNavBnr004_950 .riBlockWrap {
	margin-top:-10px;
}
.cntCampaign .riNavBnr004_950 .riBlockWrap .riBlock {
	margin-top:10px;
}

/* ad */
.riAd .riItemIcon_CD li {
	 width: auto!important;
}
