/* CSS Document */

/* 遅延情報 --------------------------------------------------------------------------*/
.ifrm-hd-warning{
  border: 0;
  height: 135px;
  width: 1064px;
  margin-bottom: 20px;
  display: none;
}

/* サイドクーポン --------------------------------------------------------------------------*/
.ifrm-side-coupon{
  border: 0;
  height: 400px;
  width: 125px;
  left: 0;
  top: 200px;
  position: fixed;
  z-index: 20000000;
  display: none;
}

/* サイド枠 --------------------------------------------------------------------------*/
.side-area{
  padding-top:22px;
  width: 200px;
}

/* お客様の声 --------------------------------------------------------------------------*/
.side-area .review{
  display:block;
  margin-bottom:20px;
  text-decoration-line: none;
  color: #555 !important;
}

.side-area a.review > span{
  display: block;
  text-align: right;
  font-size: 11px;
  margin: 3px;
}

/*--受賞履歴-------------------------------------------------------------------------*/

.awards li:not(:first-child){
  font-size:12px;
  color: #444;
  line-height:1.5;
  margin-left:1em;
  text-indent:-1em;
}

.awards li:nth-child(3):before{
  content: url("https://image.rakuten.co.jp/minatodenk/cabinet/layout/side-awards-01.gif?a");
  margin-right:4px;
}

.awards li:nth-child(3){
  margin-bottom: 5px;
}

.awards li:nth-child(4):before{
  content: url("https://image.rakuten.co.jp/minatodenk/cabinet/layout/side-awards-02.gif");
  margin-right:4px;
}

.awards a{
  margin: 5px 0;
  text-align: center;
  display: block;
}

.awards a img {
  width: 70%;
}

/* 重要なお知らせ --------------------------------------------------------------------------*/

.important li{
  margin:0;
  padding:0;
}

.important a,
.important .important-tex{
  font-family:Meiryo;
  text-decoration:none;
  font-size:12px;
  color:#444 !important;
  display:block;
  padding:6px 0 6px 22px;
  width:176px;
  background-image:url(https://image.rakuten.co.jp/minatodenk/cabinet/layout/arw8x8.gif);
  background-repeat:no-repeat;
  background-position:12px 12px;
  border-bottom:1px #ccc dotted;
}

/* サイドカテゴリー表示 --------------------------------------------------------------------------*/

/* 外枠 */
#side_category,
.free-spng,
.new-item,
.important,
.awards{
  width:200px;
  margin:0 0 20px 0;
}

/* リスト塊単位 */
#side_category ul,
.free-spng ul,
.new-item ul,
.important ul,
.awards ul{
  list-style:none;
  margin:0 0 10px 0;
  padding:0;
  width:200px;
}

/* リスト先頭 */
#side_category li:first-child,
.free-spng li:first-child,
.new-item li:first-child,
.important li:first-child,
.awards li:first-child{
  border-bottom:1px solid #ccc;
  height:26px;
  background-repeat:no-repeat;
  background-position:right;
  background-size:auto 26px;
  margin:0;
}

#side_category li:first-child:hover{
  background-color:#f8f8f8;
}

/* リスト個別 */
#side_category li{
  margin:0;
  padding:0;
  height:22px;
}

#side_category li:nth-of-type(2){
  height:26px;
}

#side_category li:hover:not(:first-child),
.free-spng li:hover:not(:first-child),
.important li:hover:not(:first-child){
  background-color:#f8f8f8;
}

/* リスト先頭文字設定 */
#side_category li:first-child a,
.free-spng ul li span,
.new-item ul li span,
.important ul li span,
.pointup ul li span,
.awards ul li span{
  font-weight:bold;
  padding:5px 0 0 6px;
  width:192px;
  font-size:13px;
  height:21px;
  color:#444 !important;
}

/* リスト文字設定 */
#side_category a{
  font-family:Meiryo;
  text-decoration:none;
  color:#444 !important;
  display:block;
  width:186px;
  font-size:12px;
  padding:2px 0 0 12px;
  height:20px;
}

#side_category li:nth-of-type(2) a{
  padding:6px 0 0 12px;
  height:20px;
}

#side_category a:hover,
.free-spng a:hover,
.important a:hover{
  color:#e50 !important;
}

#side_category li:not(:first-child) a:before,
.free-spng li:not(:first-child) a:before{
  content:url("https://image.rakuten.co.jp/minatodenk/cabinet/layout/arw8x8.gif");
  margin:0 6px 0 0;
}


/*--注目商品-------------------------------------------------------------------------*/

.new-item ul li{
  margin-top:10px;
}

.new-item a{
  display:block;
}

/*--吹き出し-------------------------------------------------------------------------*/

.side-area .balloon{
  position: relative;
  width:100%;
  max-width:188px;
  border:#21abbb 1px solid;
  border-radius:3px;
  padding:5px;
  font-size:12px;
  color:#fff;
  text-align:center;
  margin-bottom:12px;
  background-color:#21abbb;
}

.side-area div.balloon:after{
  position:absolute;
  content:"";
  left:50%;
  width:9px;
  height:5px;
  bottom: -6px;
  background:url("https://image.rakuten.co.jp/minatodenk/cabinet/layout/side-balloon-001.gif?c") top left no-repeat;
}

.side-area .balloon > span.tex-l{
  font-size:22px;
  font-weight:bold;
  display:inline-block;
  margin: -5px 0 -5px 0;
  color:#fff;
}

.side-area .balloon > span.tex-s{
  font-size:13px;
  font-weight:bold;
  display:inline-block;
  margin: -3px 0 -5px 0;
  color:#fff;
}

/*--対象ブランドはコチラ-------------------------------------------------------------------------*/

.pointup{
  width:200px;
  margin:0 0 20px 0;
}

.pointup ul{
  list-style:none;
  margin:0 0 10px 0;
  padding:0;
  width:200px;
  font-size:0;
}

.pointup li:first-child{
  border-bottom:1px solid #ccc;
  height:33px;
  background-repeat:no-repeat;
  background-position:right;
  background-size:auto 26px;
  margin:0;
  display:block;
}

.pointup li:first-child span > span{
  font-size:20px;
}

.pointup ul li{
  text-decoration:none;
  display:inline-block;
  margin-top:3px;
}

.pointup ul li:not(:first-child):hover{
  background-color:#999;
}

/*--ちょい足しアイテムをチェック-------------------------------------------------------------------------*/

.free-spng li{
  margin:0;
  padding:0;
}

.free-spng a{
  font-family:Meiryo;
  text-decoration:none;
  color:#444 !important;
  display:block;
  width:186px;
  font-size:13px;
  padding:10px 0 9px 12px;
  border-bottom:1px #ccc dotted;
  
}

/*--バナー用-----------------------------------------------------------------------------------*/

.side-bnr-img{
 margin-bottom:20px;
 display:block;
 width:200px; 
}


/* メーカーから探す --------------------------------------------------------------------------*/
#side_maker_search{
  width:200px;
  margin:0 0 30px 0;
  padding:0;
  display: inline-block;
}

#side_maker_search:before{
  content:"\30e1\30fc\30ab\30fc\304b\3089\63a2\3059";
  font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
  color:#444;
  font-size:14px;
  font-weight: bold;
  margin:0 0 0 2px;
}

/* メイン部分 */
#side_maker_search > a{
  width:72px;
  min-height:27px;
  padding:6px 14px 6px 14px;
  display:block;
  float:left;
  text-decoration:none;
}

#side_maker_search > a:nth-of-type(2n-1){
  padding:6px 12px 6px 16px;
}

#side_maker_search > a:nth-of-type(2n){
  padding:6px 22px 6px 6px;
}

#side_maker_search > a:hover{
  background-color:#f4f4f4;
}

#side_maker_search > a img{
  width:72px;
  height:auto;
}

#side_maker_search > a:hover img{
  opacity:1.0 !important;
  filter: alpha(opacity=100) !important;
}

#side_maker_search > a:nth-of-type(1),
#side_maker_search > a:nth-of-type(2){
  border-top:1px solid #ccc;
}

/* すべてのメーカーを見る */

#side_maker_search > div{
  width:170px;
  height:18px;
  margin:10px 15px 0 15px;
  padding:1px 0 0 0;
  background-color:#888;
  background-image:url(https://image.rakuten.co.jp/minatodenk/cabinet/layout/maker-arrow.gif);
  background-position:158px 6px;
  background-repeat:no-repeat;
  border-radius:10px;
  display: inline-block;
  text-align:center;
  border:0;
}

#side_maker_search > div:hover{
  background-color:#999;
}


#side_maker_search > div a{
  width:170px;
  height:18px;
  display:block;
  font-size:11px;
  font-weight:bold;
  color:#fff !important;
  text-decoration:none;
}

/* お買い物ガイド --------------------------------------------------------------------------*/

.works-left-topic{
  margin-top:20px;
  margin-bottom:20px;
}

.works-left-topic ul{
  list-style:none;
  width:200px;
  padding:0;
  margin:0;
}

.works-left-topic li{
  border-bottom:1px dashed #ddd;
  height:63px;
  display:block;
  padding:0;
}

.works-left-topic li div{
  font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
  font-size:11px;
}

.works-left-topic li:not(:first-child):hover{
  background-color:#f8f8f8;
}

.works-left-topic a{
  width:200px;
  height:43px;
  padding:12px 0 9px 0;
  display:block;
  color:#333 !important;
  font-size:13px;
  line-height:1.6;
  text-decoration:none;
}

.works-left-topic a:hover{
  color:#f60 !important;
}

.works-left-topic img:not(.star){
  vertical-align: middle;
  float:left;
  border:0px;
  margin:-3px 6px 0 6px;
}

/*お客様の声の星*/

.works-left-topic .star{
  margin:0 0 0 0;
}

/*すべて見る (ボツになったけれど、レイアウトの関係上残します)*/
.works-left-topic li:first-child{
  border-bottom:1px solid #ccc;
  height:20px;
  display:block;
  padding:0 0 0 0;
  margin:0;
  text-align:right;
}

.works-left-topic li:first-child div{
  text-align:left;
  position:absolute;
  color:#444;
  font-size:14px;
  font-weight: bold;
  margin:1px 0 0 4px;
}

.works-left-topic li:first-child a{
  width:194px;
  height:14px;
  padding:2px 6px 4px 0;
  font-size:11px;
}

/* カテゴリ商品ランキング --------------------------------------------------------------------------*/

/*全体枠*/
.side-ranking{
  width:200px;
  margin:0 0 20px 0;
  padding:0;
  display: inline-block;
  counter-reset:rank;
}

/*上部文字*/
.side-ranking:before{
  content:"\30ab\30c6\30b4\30ea\5546\54c1\30e9\30f3\30ad\30f3\30b0";
  font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
  color:#444;
  font-size:14px;
  font-weight: bold;
  border-bottom:1px solid #ccc;
  width:198px;
  padding:0 0 0 2px;
  display:block;
}

/*セル設定*/
.side-ranking ul{
  list-style:none;
  margin:0;
  padding:0;
}

.side-ranking li{
  float:left;
  width:200px;
  height:64px;
  margin:0;
  padding:0;
}

.side-ranking li:before{
  counter-increment:rank;
  content:counter(rank) "\4f4d";
  position:absolute;
  color:#333;
  font-size:13px;
  font-weight:bold;
  font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
  margin:5px 0 0 64px;
}

.side-ranking li:hover{
  background-color:#f8f8f8;
}

/*セル内部設定*/

.side-ranking a{
  font-size:12px;
  line-height:1.3;
  text-decoration:none;
  color:#333 !important;
  font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
  padding:24px 4px 0 64px;
  width:132px;
  height:40px;
  display:block;
}

.side-ranking a:hover{
  color:#f50 !important;
}

.side-ranking img{
  margin:-16px 0 0 -60px;
  padding:0;
  border:0;
  width:57px;
  height:auto;
  display:block;
  position:absolute;
  clip: rect(1px, 56px, 47px, 1px);
}

/*王冠表示*/
.side-ranking li:nth-of-type(1),
.side-ranking li:nth-of-type(2),
.side-ranking li:nth-of-type(3){
  background-repeat: no-repeat;
  background-position:89px 7px;
}

.side-ranking li:nth-of-type(1){
  background-image: url("https://image.rakuten.co.jp/minatodenk/cabinet/layout/crown_1.gif");
}

.side-ranking li:nth-of-type(2){
  background-image: url("https://image.rakuten.co.jp/minatodenk/cabinet/layout/crown_2.gif");
}

.side-ranking li:nth-of-type(3){
  background-image: url("https://image.rakuten.co.jp/minatodenk/cabinet/layout/crown_3.gif");
}

/* 出店〇〇周年エンブレム --------------------------------------------------------------------------*/
.emblem {
  text-align: center;
  margin: 20px 0 20px 0;
  border: 1px solid #ccc;
  padding: 15px;
  width: 168px;
}

/* カレンダー --------------------------------------------------------------------------*/
.side-area table.calbase_rakuten{
  margin-bottom: 20px;
  width: 200px;
  border: none;
}

.side-area table.calbase_rakuten *{
  color: #333;
}

.side-area table.calbase_rakuten th{
  text-align: left;
  border-bottom: 1px solid #ccc;
}

.side-area table.calframe_rakuten th{
  text-align: center;
  border-bottom: none;
}

.side-area font.event1day_rakuten{
  color: #FF9999;
}

.side-area font.event3day_rakuten{
  color: #B3D2F5;
}

.side-area table.calframe_rakuten{
  width: 200px;
  margin: 10px 0;
}

.side-area table.event_rakuten{
  margin: 7px 10px 7px 0;
}

.side-area table.event_rakuten tr:nth-of-type(2){
  display: none;
}