/*****************
page all
*****************/

#sale_uhd_bnr,
#mod_message,
#uhd_bnr {
  display: none !important;
}

body {
  overflow: hidden;
}

body,
html,
#CONTENTSAREA,
#CONTAINER {
  width: 100%;
  min-width: 1064px;
}

#CONTENTSAREA {
  padding: 0;
  font-size: 13px !important;
  overflow: hidden;
}

#UNIVFOOTER {
  padding-top: 0;
}

div#CONTENTSAREA {
  padding: 0 !important;
}


/*****************
header
*****************/
#header .hd_language {
  text-align: center;
  line-height: 2.2;
  width: 110px;
  float: left;
}

#header .hd_language .hd_language_active a {
  border: 1px solid #aeaeae;
  padding: 2px 8px;
}

#header .hd_language li a:hover {
  border: 1px solid #000;
  padding: 2px 8px;
}

#brand-gnavi a:hover {
  opacity: 0.70;
  filter: alpha(opacity=70);
}


/*****************
contents area
*****************/

.columnB .right,
.columnB,
.right,
#top_wrap,
#brand-gnavi .banner,
.grid,
#archives,
#rec-items,
#bnr-1,
#brand-foot,
#fadeshow1,
.bnr-g-3 {
  width: 1064px;
  margin: 0 auto;
}

#mainvisual,
#archives,
#rec-items,
#brand-foot,
.bnr-g-3 {
  clear: both;
}

#mainvisual,
#rec-items,
#bnr-1 {
  margin-bottom: 14px;
}

#archives,
#rec-items,
#brand-foot {
  padding-left: 10px;
}

#banner-up,
#archives {
  margin-bottom: 35px;
}

#archives h2,
#rec-items h2 {
  margin-bottom: 20px;
}

#archives .more,
#rec-items .more {
  display: block;
  width: 65px;
  height: 24px;
  margin-top: 16px;
}

#archives h2,
#rec-items h2,
#archives .more,
#rec-items .more {
  padding-left: 15px;
}

#mainvisual,
#fadeshow1 {
  height: 755px;
}

#bnr-2,
#bnr-2 a,
#bnr-2 img {
  width: 707px;
  height: 680px;
}

#grid-up .bnr-g {
  height: 496px;
}

#grid-up .bnr-g li,
#grid-up .bnr-g a,
#grid-up .bnr-g img {
  width: 348px;
  height: 334px;
}

.bnr-g,
#bnr-2 {
  float: left;
}

.bnr-g,
#bnr-2-2 {
  float: right;
  margin-right: 5px;
}

.bnr-g-3,
.bnr-g-3 li,
.bnr-g-3 a,
.bnr-g-3 img {
  height: 334px;
}

.bnr-g-3 li {
  float: left;
}

.bnr-g-3 li,
.bnr-g-3 li a,
.bnr-g-3 li img {
  width: 348px;
}

.bnr-g-3 .fst,
.bnr-g-3 .fst a,
.bnr-g-3 .fst img {
  width: 707px;
}

#grid-up {
  min-height: 496px;
}

#grid-lw {
  height: 524px;
}

#grid-lw .bnr-g li,
#grid-lw .bnr-g a,
#grid-lw .bnr-g img {
  width: 348px;
  height: 334px;
}

#grid-lw .bnr-g {
  margin-right: 16px;
}

#grid-lw .bnr-g li {
  padding-bottom: 14px;
}

#grid-lw .last {
  margin-right: 0;
}


/* brand-gnavi */

#brand-gnavi,
#brand-gnavi h1 {
  text-align: center;
  clear: both;
  width: 1064px;
  padding-bottom: 19px;
  margin: 0 auto;
}

#brand-gnavi h1 {
  height: 70px;
  line-height: 70px;
  margin: 30px 0;
}

#brand-gnavi ul {
  width: 700%;
  margin: 0 auto;
}

#brand-gnavi ul,
#brand-gnavi ul li,
#brand-gnavi ul li a {
  font-size: 15px;
  line-height: 20px;
  position: relative;
  display: block;
}

#brand-gnavi ul li {
  float: left;
}

#brand-gnavi .sns {
  width: 34px;
  padding: 8px 0;
}

#brand-gnavi .sns .last {
  width: 24px;
}

.more {
  float: right;
  display: inline-block;
  width: 146px;
  height: 10px;
  margin-right: 5rem !important;
  padding: 0px 15px 96px 15px;
}

#ig-area h2 {
  margin: 90px 0 30px 0;
}

.category_01 {
  padding: 27px 0;
}

.category_010 {
  padding: 35px 0 10px 0;
}

.category_011 {
  padding: 2px 0 10px 0;
}

category001 {
  padding: 30px 0 10px 0;
}

.category_001 {
  padding: 10px 0;
}

.category_0001 {
  padding: 7px 0;
}

.category_0010 {
  padding: 12px 0 10px 0;
}

.list-mv02 {
  opacity: 0;
}

.mv02 {
  opacity: 1.0;
}

.list li {
  transition: .8s;
}

.concept_lead_01 {
  margin-top: 50px;
}

.concept_lead_02 {
  margin-top: 50px;
}

.concept_lead_03 {
  margin-top: 50px;
}

.floatL {
  float: left;
}

.floatR {
  float: right;
}

#concept {
  width: 470px;
  height: auto;
  float: center;
}

.hd_language_active a {
  border: 1px solid #aeaeae;
  padding: 0px 0px;
}

.wrap {
  overflow: hidden;
}

#styling-ig {
  width: 1064px;
  height: 448px;
  margin: 0 auto 60px;
}

#snavi_01 {
  margin-left: 120px;
  width: 200px;
  float: left;
}

#snavi_02 {
  margin-right: 100px;
  width: 760px;
  float: right;
}

.news_top {
  padding-top: 15px;
  padding-bottom: 80px;
}

#mediaInfo dd {
  margin-left: 0px;
}

.sn01 {
  margin-bottom: 30px;
}

h2 {
  margin: 90px 0 25px 0;
  text-align: center;
}

.instagram_area {
  margin: 0 auto !important;
  padding-bottom: 2rem;
}

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

.instagram_area .list {
  padding-bottom: 10px
}

.instagram_area .list div {
  width: 139px;
  float: left;
  margin: 0 10px 10px 0
}

.instagram_area .list div:nth-child(6),
.instagram_area .list div:nth-child(12) {
  margin-right: 0px;
}

.instagram_area .list div a {
  width: 139px;
  height: 139px;
  overflow: hidden;
  display: block;
}

.instagram_area .list div img {
  width: 139px;
  height: auto;
}

.ranking-blk {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(calc(20% - 10px), 1fr));
  gap: 10px;
  padding: 0 5px;
  box-sizing: border-box;
}

.newin_area div.list_search-result .block_item {}

.ranking_area div.ranking-blk .block_item {
  padding: 0;
}

.newin_area div.list_search-result .block_item .search-result__item--photo img {}

.ranking_area div.ranking-blk .block_item {
  width: auto;
}

.ranking_area div.ranking-blk .block_item img {
  width: 100%;
}

div.coco-ranking .block_item .ranking_icon {
  top: 8px;
  left: 10px;
}

div.coco-ranking .block_item:nth-of-type(5) .ranking_icon {
  background: transparent url(/res/p/ranking/img/ico/rank_05.png) no-repeat scroll left top/36px 36px;
}

/*****************
footer
*****************/

.foot-menu_01 {
  float: left;
  list-style: none;
  width: 72px;
  display: block;
  margin-top: 40px;
}

.foot-menu_02 {
  width: 160px;
  margin-right: 40px;
  margin-left: 20px;
  float: left;
  margin-top: 37px;
  display: block;
}

.foot-menu_03 {
  margin-left: 0px;
  float: left;
  list-style: none;
  margin-top: 67px;
  display: block;
}

.foot-menu_04 {
  width: 160px;
  margin-right: 10px;
  margin-left: 0px;
  float: left;
  display: block;
  list-style: none;
  margin-top: 115px;
}

.foot-menu_05 {
  width: 238px;
  margin-right: 0px;
  margin-top: 107px;
  float: left;
  display: block;
}

#foot-wrap ul {
  margin-left: 40px !important;
}

#foot-wrap ul {
  margin-left: 40px !important;
}

.foot-menu_01 {
  padding-right: 0 !important;
}

#brand-foot {
  clear: both;
  background-color: #d7e1e7;
  min-height: 369px;
}

#foot-wrap {
  margin-top: 50px;
  margin-top: 20px;
  width: 998px;
  margin: 0 auto;
  min-height: 485px;
}

.foot-menu,
#foot-mail {
  float: left;
}

.foot-menu {
  width: 385px;
}

.foot-menu li,
.foot-menu li a {
  font-size: 15px;
  line-height: 2.2;
  letter-spacing: .2em;
}

.foot-menu .sale a {
  color: #f00 !important;
}

.foot-menu .category {
  font-weight: 900;
  letter-spacing: .1em;
}

#foot-mail {
  height: 308px;
}

#foot-mail li #foot-mail li a,
#foot-mail li a img {
  width: 385px;
  height: 140px;
}

#foot-mail li {
  margin-bottom: 14px;
}

#brand-foot a:hover,
#brand-foot a:hover {
  opacity: 0.70;
  filter: alpha(opacity=70);
}

#brand-foot {
  clear: both;
  background: url(/s/brand/cocoshnik/img/top/footer_.jpg) top center;
  background-repeat: repeat-x;
  width: 100%;
  min-height: 485px;
  max-height: 630px;
  text-align: left;
}

#brand-foot {
  clear: both;
  width: 100%;
  text-align: left;
}