#top .l-wrapper {
  margin : 0 auto;
}

#top .l-content-wrapper {
  position : relative;
}

#top .l-content {
  padding-bottom : 100px;
}

.mainimage-wrap {
  position : relative;
  width : 960px;
  height : 370px;
  margin : 0 auto 40px;
}

.mainimage-firstview {
  position : absolute;
  z-index : 0;
  top : 0;
  left : 0;
}

.mainimage-logo {
  position : absolute;
  z-index : 100;
  top : 0;
  left : 0;
}

.content-maintitle {
  font-size : 20px;
  font-size : 2rem;
  line-height : 1;
  padding : 15px 0;
  border-top : 3px solid #000;
  border-bottom : 1px solid #000;
}
.content-maintitle span {
  font-size : 10px;
  font-size : 1rem;
  line-height : 1;
  display : inline-block;
  margin-left : 12px;
  vertical-align : middle;
}
.content-maintitle.headlines-title {
  position : relative;
  padding-left : 35px;
  background : url(../img/icon_gourmetHeadlines.png) no-repeat 0 18px;
}
.content-maintitle.pickup-title {
  margin-bottom : 20px;
  padding-left : 30px;
  background : url(../img/icon_pickup.png) no-repeat 0 14px;
}

.headlines-title .headlines-date {
  font-size : 0;
  position : absolute;
  top : 0;
  right : 0;
  padding : 19px 20px;
  border-left : 1px solid #000;
}
.headlines-title .headlines-date dt , .headlines-title .headlines-date dd {
  font-size : 12px;
  font-size : 1.2rem;
  line-height : 1;
  display : inline-block;
}

.headlines-wrap {
  margin-bottom : 60px;
}

.headlines-media {
  padding : 20px 20px 25px;
  background : url(../img/item_block_bg.png) no-repeat center bottom;
}
.headlines-media a:hover {
  text-decoration : none;
}
.headlines-media a:hover .detail-title {
  text-decoration : underline;
}
.headlines-media .media-photo {
  display : table;
  float : left;
  width : 100px;
  height : 100px;
  margin-right : 12px;
  text-align : center;
  background : #eee;
}
.headlines-media .media-photo > p {
  display : table-cell;
  vertical-align : middle;
}
.headlines-media .media-photo img {
  max-width : 100px;
  height : auto;
  max-height : 100px;
}
.headlines-media .media-detail {
  overflow : hidden;
}
.headlines-media .detail-title {
  font-size : 18px;
  font-size : 1.8rem;
  font-weight : bold;
  line-height : 1.3;
  margin-bottom : 8px;
  color : #000;
}
.headlines-media .detail-txt {
  font-size : 13px;
  font-size : 1.3rem;
  line-height : 1.6;
}

.headlines-media-wrap > li:first-child .media-photo {
  width : 190px;
  height : 190px;
  margin-right : 20px;
  background : #eee;
}
.headlines-media-wrap > li:first-child .media-photo img {
  max-width : 190px;
  max-height : 190px;
}
.headlines-media-wrap > li:first-child .detail-title {
  font-size : 24px;
  font-size : 2.4rem;
}
.headlines-media-wrap > li:first-child .detail-txt {
  font-size : 14px;
  font-size : 1.4rem;
}

.headlines-btn {
  margin : 18px 10px 0;
}

.pickup-list {
  margin : 0 -11px;
}
.pickup-list > li {
  float : left;
  width : 190px;
  margin : 0 12px;
}

.pickup-item {
  margin-bottom : 20px;
}
.pickup-img {
  display : table;
  width : 190px;
  height : 190px;
  text-align : center;
  background : #eee;
}
.pickup-img p {
  display : table-cell;
  vertical-align : middle;
}
.pickup-img p img {
  max-width : 190px;
  height : auto;
  max-height : 190px;
}
.pickup-txt {
  font-size : 13px;
  font-size : 1.3rem;
  line-height : 1.6;
  margin-top : 10px;
}

.sns-list-wrap {
  position : absolute;
  bottom : 40px;
  left : 0;
  min-width : 620px;
}

.sns-list-title {
  font-size : 12px;
  font-size : 1.2rem;
  font-weight : bold;
  line-height : 20px;
  float : left;
  margin-right : 10px;
}
.sns-list-btn {
  font-size : 0;
  overflow : hidden;
}
.sns-list-btn li {
  display : inline-block;
  margin-right : 10px;
  vertical-align : top;
}
.sns-list-btn li .hatena-bookmark-button-frame {
  width : 80px !important;
}
.sns-list-btn li #___plusone_0 {
  width : 32px !important;
}
.sns-list-btn li .pocket-btn {
  width : 60px !important;
}

.news-title {
  font-size : 20px;
  font-size : 2rem;
  line-height : 50px;
  margin-bottom : 5px;
  padding-left : 30px;
  border-top : 3px solid #000;
  border-bottom : 1px solid #000;
  background : url(../img/news_title_bg.png) no-repeat 0 50%;
}
.news-title span {
  font-size : 10px;
  font-size : 1rem;
  margin-left : 10px;
  vertical-align : middle;
}

.news-info {
  display : table;
  width : 100%;
  padding : 10px 10px 19px 10px;
  background : url(../img/item_block_bg.png) no-repeat center bottom;
}
.news-img , .news-txt {
  display : table-cell;
  vertical-align : middle;
}
.news-img {
  width : 60px;
  height : 60px;
  text-align : center;
}
.news-img img {
  max-width : 60px;
  height : auto;
}
.news-txt {
  padding-left : 10px;
}
.news-btn {
  margin : 25px 10px 0;
}

.asideArea {
  margin-bottom : 40px;
}
.asideArea.recommend {
  margin-bottom : 30px;
}

.aside-head {
  font-size : 16px;
  font-size : 1.6rem;
  font-weight : bold;
  line-height : 24px;
  margin-bottom : 15px;
  padding : 0 0 3px 28px;
}
.asideArea.recommend .aside-head {
  background : url(../img/aside-recommend-head_bg.png) no-repeat;
}
.asideArea.shop-search .aside-head {
  background : url(../img/aside-shop-head_bg.png) no-repeat;
}
.asideArea.pickup .aside-head {
  background : url(../img/aside-pickup-head_bg.png) no-repeat;
}
.aside-head span {
  font-size : 10px;
  font-size : 1rem;
  font-weight : normal;
  line-height : 27px;
  margin-left : 10px;
  vertical-align : middle;
}

.aside-info {
  margin : 0 10px;
}
.asideArea.recommend .aside-info > li {
  margin-bottom : 15px;
}

.resultArea {
  margin-bottom : 20px;
  background : #eee;
}
.resultArea-head {
  font-size : 15px;
  font-size : 1.5rem;
  font-weight : bold;
  padding : 13px 15px 11px;
  color : #000;
  border-bottom : 1px solid #ddd;
}
.resultArea-arrow li.level1 {
  font-size : 15px;
  font-size : 1.5rem;
  line-height : 1.5;
  position : relative;
  padding-left : 30px;
  border-top : 1px solid #ddd;
}
.resultArea-arrow li.level1 a {
  display : block;
  padding : 12px 10px 12px 0;
}
.resultArea-arrow li.level1:before {
  position : absolute;
  top : 18px;
  left : 12px;
  display : inline-block;
  width : 10px;
  height : 8px;
  content : '';
  -webkit-transform : rotate(270deg);
      -ms-transform : rotate(270deg);
          transform : rotate(270deg);
  background : url(../img/arr_sprite.png) no-repeat;
  background-position : 0 0;
}
.resultArea-arrow li.level1:first-child {
  border-top : none;
}
.resultArea-arrow li.level1:first-child a {
  padding : 12px 10px 9px 0;
}
.resultArea-arrow li.level1:first-child:before {
  -webkit-transform : rotate(0deg);
      -ms-transform : rotate(0deg);
          transform : rotate(0deg);
}
.resultArea-arrow li.level1:last-child {
  border-bottom : 1px solid #ddd;
}
.resultArea-arrow li.level1:hover {
  cursor : pointer;
  color : #fff;
  background-color : #666;
}
.resultArea-arrow li.level1:hover:before {
  background-position : -20px 0;
}
.resultArea-arrow li.level1:hover a {
  text-decoration : none;
  color : #fff;
}
.resultArea-arrow li.level2 , .resultArea-arrow li.level3 , .resultArea-arrow li.level4 , .resultArea-arrow li.level5 {
  font-size : 14px;
  font-size : 1.4rem;
  line-height : 1.5;
  position : relative;
}
.resultArea-arrow li.level2:before , .resultArea-arrow li.level3:before , .resultArea-arrow li.level4:before , .resultArea-arrow li.level5:before {
  display : inline-block;
  width : 4px;
  height : 7px;
  content : '';
  background : url(../img/arr_sprite.png) no-repeat;
  background-position : 0 -18px;
}
.resultArea-arrow li.level2:hover , .resultArea-arrow li.level3:hover , .resultArea-arrow li.level4:hover , .resultArea-arrow li.level5:hover {
  cursor : pointer;
  color : #fff;
  background-color : #666;
}
.resultArea-arrow li.level2:hover:before , .resultArea-arrow li.level3:hover:before , .resultArea-arrow li.level4:hover:before , .resultArea-arrow li.level5:hover:before {
  background-position : -14px -18px;
}
.resultArea-arrow li.level2:hover a , .resultArea-arrow li.level3:hover a , .resultArea-arrow li.level4:hover a , .resultArea-arrow li.level5:hover a {
  text-decoration : none;
  color : #fff;
}
.resultArea-arrow li.level2 {
  padding-left : 45px;
}
.resultArea-arrow li.level2 a {
  display : block;
  padding : 4px 10px 4px 0;
}
.resultArea-arrow li.level2:before {
  position : absolute;
  top : 10px;
  left : 30px;
}
.resultArea-arrow li.level3 {
  padding-left : 60px;
}
.resultArea-arrow li.level3 a {
  display : block;
  padding : 3px 10px 3px 0;
}
.resultArea-arrow li.level3:before {
  position : absolute;
  top : 10px;
  left : 45px;
}
.resultArea-arrow li.level4 , .resultArea-arrow li.level5 {
  padding-left : 75px;
}
.resultArea-arrow li.level4 a , .resultArea-arrow li.level5 a {
  display : block;
  padding : 3px 10px 3px 0;
}
.resultArea-arrow li.level4:before , .resultArea-arrow li.level5:before {
  position : absolute;
  top : 10px;
  left : 60px;
}
.resultArea-arrow li.level0 .level1 {
  font-size : 15px;
  font-size : 1.5rem;
  line-height : 1.5;
  position : relative;
  display : block;
  padding : 9px 10px 9px 30px;
  color : #fff;
  background-color : #666;
}
.resultArea-arrow li.level0 .level1:before {
  position : absolute;
  top : 15px;
  left : 12px;
  display : inline-block;
  width : 10px;
  height : 8px;
  content : '';
  background : url(../img/arr_sprite.png) no-repeat;
  background-position : -20px 0;
}
.resultArea-arrow li.level0 .level2 , .resultArea-arrow li.level0 .level3 , .resultArea-arrow li.level0 .level4 , .resultArea-arrow li.level0 .level5 {
  font-size : 14px;
  font-size : 1.4rem;
  line-height : 1.5;
  position : relative;
  display : block;
  color : #fff;
  background-color : #666;
}
.resultArea-arrow li.level0 .level2:before , .resultArea-arrow li.level0 .level3:before , .resultArea-arrow li.level0 .level4:before , .resultArea-arrow li.level0 .level5:before {
  display : inline-block;
  width : 7px;
  height : 4px;
  content : '';
  background : url(../img/arr_sprite.png) no-repeat;
  background-position : -17px -35px;
}
.resultArea-arrow li.level0 .level2 {
  padding : 3px 10px 3px 45px;
}
.resultArea-arrow li.level0 .level2:before {
  position : absolute;
  top : 11px;
  left : 30px;
}
.resultArea-arrow li.level0 .level3 {
  padding : 3px 10px 3px 60px;
}
.resultArea-arrow li.level0 .level3:before {
  position : absolute;
  top : 10px;
  left : 45px;
}
.resultArea-arrow li.level0 .level4 , .resultArea-arrow li.level0 .level5 {
  padding : 3px 10px 3px 75px;
}
.resultArea-arrow li.level0 .level4:before , .resultArea-arrow li.level0 .level5:before {
  position : absolute;
  top : 11px;
  left : 60px;
}
.resultArea-arrow > li > ul > li:last-child {
  margin-bottom : 10px;
}

.resultArea.genre .resultArea-body {
  padding : 10px 0;
}

.btn01 a {
  font-size : 14px;
  font-size : 1.4rem;
  line-height : 30px;
  display : block;
  transition : opacity .3s ease;
  text-align : center;
  opacity : 1;
  color : #fff;
  background : #000;
}
.btn01 a:after {
  display : inline-block;
  width : 6px;
  height : 10px;
  margin-left : 10px;
  content : '';
  background : url(../img/arr_sprite.png) no-repeat;
  background-position : -42px 0;
}
.btn01 a:hover , .btn01 a:active {
  text-decoration : none;
  opacity : .7;
}