body footer {
  background-color: transparent;
}

.add-footerinfo {
  margin: 0 auto;
  padding: 60px 0px;
  max-width: 1200px;
}

.add-footerinfo .title {
  margin: 0px 0px 30px 0px;
  padding: 0px;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  color: #b79862;
}

.add-footerinfo .sub {
  margin: 0px 0px 50px 0px;
  padding: 0px;
  text-align: center;
  font-size: 14px;
  color: #666;
}

.add-footerinfo .boxList {
  margin: 0px;
  padding: 0px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.add-footerinfo .boxList .box {
  margin: 0px 20px 20px;
  padding: 50px 0px;
  width: 500px;
  max-width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  border: 1px solid #b79862;
}

.add-footerinfo .boxList .box .text {
  width: 100%;
  text-align: center;
  font-size: 18px;
  color: #333;
}

.add-footerinfo .boxList .box .text .b {
  font-size: 24px;
  font-weight: bold;
  color: #b79862;
  margin-left: 10px;
}

.add-footerinfo .boxList .box .kome {
  margin: 10px 0px 0px 0px;
  width: 100%;
  text-align: center;
  font-size: 12px;
  color: #666;
}

body #footer-inner {
  width: auto;
}

body #footer-inner .footer_inner {
  max-width: 1200px;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .add-footerinfo .sub {
    font-size: 12px;
  }

  .add-footerinfo .boxList .box .text {
    font-size: 16px;
  }

  .add-footerinfo .boxList .box .text .b {
    font-size: 20px;
  }
}


.rankingArea .rankBtnArea {
  margin: 0px 0px 20px 0px;
  padding: 0px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.rankingArea .rankBtnArea .btn {
  width: -webkit-calc(25% - 10px);
  width: calc(25% - 10px);
  padding: 5px 0px;
  text-align: center;
  border: 1px solid #111;
  cursor: pointer;
  transition: all 300ms 0s ease;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.rankingArea .rankBtnArea .btn:hover,
.rankingArea .rankBtnArea .btn.select {
  background: #F4F4F4;
  font-weight: bold;
}

.rankingArea .morebtn {
  margin: 0px;
  padding: 10px 0px;
  text-align: center;
}

.rankingArea .morebtn a {
  margin: 0px;
  padding: 5px 30px;
  color: #FFF;
  background: rgb(68, 68, 68);
  border: 1px solid #111;
  transition: all 300ms 0s ease;
}

.rankingArea .morebtn a:hover {
  background: #FFF;
  color: rgb(68, 68, 68);
  text-decoration: none;
}

@media screen and (max-width: 480px) {
  .rankingArea .rankBtnArea .btn {
    width: -webkit-calc(50% - 10px);
    width: calc(50% - 10px);

    margin: 0px 0px 10px 0px
  }
}

.topSearchArea {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin-top: 10px;
}

.topSearchArea .boxList {
  margin: 0px 10px 0px 0px;
  padding: 0px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 580px;
}

.topSearchArea .boxList .box {
  margin: 0px;
  padding: 10px 0px;
  width: 285px;
  max-width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  border: 1px solid #b79862;
}

.topSearchArea .boxList .box .text {
  width: 100%;
  text-align: center;
  font-size: 14px;
  color: #333;
}

.topSearchArea .boxList .box .text .b {
  font-size: 16px;
  font-weight: bold;
  color: #b79862;
  margin-left: 5px;
}

.topSearchArea #searchbox {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background-color: #F5F5F5;
  padding: 0px 5px;
  border: 1px solid #DEDEDE;
}

#gnavSub {
  margin: 0px;
  padding: 5px 0px;
  background: #F5F5F5;
}

#gnavSub .list {
  margin: 0 auto;
  padding: 0px;
  max-width: 1200px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

#gnavSub .list .index {
  margin: 0px;
  padding: 7px 0px;
  font-size: 12px;
  width: 160px;
  text-align: center;
}

#gnavSub .list .link {
  margin: 0px;
  padding: 0px;
  font-size: 12px;
}

#gnavSub .list .link a {
  display: block;
  padding: 5px 20px;
  border-right: 1px solid #CCC;
}

#gnavSub .list.keywordList {
  background: #fff8eb;

  margin-bottom: 5px;
}

#gnavSub .list.keywordList .index {
  background: #b79862;
  color: #FFF;
}

#gnavSub .list.purposeList {
  background: #FFF;
}

#gnavSub .list.purposeList .index {
  background: #444;
  color: #FFF;
}

@media screen and (max-width: 480px) {
  #gnavSub {
    display: none;
  }
}

.bx-wrapper img {
  width: 100%;
}

#header-inner #hNav {
  position: relative;
}

body #header-inner #logo,
body #hNav {
  padding: 0px 0 15px;
}
@media screen and (max-width: 480px) {
#header-inner #hNav{
 margin: 0px;
	padding: 0px;
}
body #header-inner #logo {
  padding: 20px 0 0 0;
		width: 50%;
}

}

#header-inner #hNav .sitecopy {
  width: auto;
  position: absolute;
  left: 25px;
  top: 15px;
  max-width: inherit;
  font-size: 75%;
}

.slider {
  width: 100%;
  margin: 0 auto;
}

.slider img {
  width: 100%;
}

.slider .slick-slide {
  height: auto !important;
}

.slider .slick-arrow {
  z-index: 2 !important;
}

.slider .slick-next {
  right: 17% !important;
}

.slider .slick-prev {
  left: 16% !important;
}

.slider .slick-slide {
  opacity: 0.5;
  transition: all 300ms 0s ease;
}

.slider .slick-slide.slick-active {
  opacity: 1;
}

body .slick-prev:before,
body .slick-next:before {
  font-size: 40px;
}

@media screen and (max-width: 768px) {
  .slider .slick-next {
    right: 7% !important;
  }

  .slider .slick-prev {
    left: 1% !important;
  }

  body #contents {
    padding-top: 0px;
  }

  body #ranking {
    margin-top: 0px;
  }
}

.headslider {
  display: none;
}

@media screen and (max-width: 480px) {
  #gnav nav ul li.pconly {
    display: none;
  }
}


#Journal h1 {
  display: none;
}

#Journal h2 {
  display: none;
}

#Journal .state_r {
  display: none;
}

#Journal .topContents h1 {
  display: block;
}

#Journal .topContents h2 {
  display: block;
}

.categoryLinkList {
  margin: 20px 0px;
  padding: 0px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.categoryLinkList .categoryLinkBox {
  margin: 0px 20px 20px 0px;
  padding: 0px;
  width: -webkit-calc(50% - 15px);
  width: calc(50% - 15px);
  border: 1px solid #999;
}

.categoryLinkList .categoryLinkBox:nth-child(even) {
  margin: 0px 0px 20px 0px;
}

.categoryLinkList .categoryLinkBox .parent {
  margin: 0px 10px;
  padding: 10px 0px;
  border-bottom: 1px solid #999;
}

.categoryLinkList .categoryLinkBox .parent a {
  color: #333;
  font-weight: bold;
  font-size: 18px;
}

.categoryLinkList .categoryLinkBox .childList {
  margin: 0px 10px;
  padding: 10px;
}

.categoryLinkList .categoryLinkBox .childList .child {
  margin: 0px 5px 5px 0px;
  padding: 0px;
  display: inline-block;
}

.categoryLinkList .categoryLinkBox .childList .child a {
  color: #444;
  font-size: 14px;
}

@media screen and (max-width: 480px) {
  .categoryLinkList {
    margin: 20px 0px;
    padding: 0px;
    display: block;
  }

  .categoryLinkList .categoryLinkBox {
    margin: 0px 0px 10px 0px;
    width: auto;
  }

  .categoryLinkList .categoryLinkBox:nth-child(even) {
    margin: 0px 0px 10px 0px;
  }

  .categoryLinkList .categoryLinkBox a {
    padding: 10px 5px;
    font-size: 14px;
  }

  .categoryLinkList .categoryLinkBox .banner a {
    padding: 0px;
  }
}

.campaignList {
  margin: 0px 0px 40px 0px;
  padding: 0px;
}

.campaignList .bannerList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.campaignList .bannerList a {
  margin: 0px 0px 20px 0px;
  padding: 0px;
  width: -webkit-calc(50% - 10px);
  width: calc(50% - 10px);
  display: block;
}

@media screen and (max-width: 480px) {
  .campaignList .bannerList {
    display: block;
  }

  .campaignList .bannerList a {
    margin: 0px 0px 20px 0px;
    padding: 0px;
    width: auto;
    text-align: left;
  }
}

.meigaraArea {
  margin: 0px 0px 40px 0px;
  padding: 0px;
}

.meigaraArea .meigaraList {
  margin: 0px;
  padding: 0px 2px;
  display: flex;
  flex-wrap: wrap;
}

.meigaraArea .meigaraList a {
  display: block;
  width: -webkit-calc(20% - 10px);
  width: calc(20% - 10px);
  min-width: 100px;
  text-align: center;
  margin: 0px 10px 10px 0px;
  font-size: 13px;
  letter-spacing: -0.02em;
}

.meigaraArea .meigaraList a img {
  aspect-ratio: 1/1;
  object-fit: cover;
  border: 1px solid #DEDEDE;
}

#ranking {
  margin-top: 60px;
  margin-bottom: 60px;
}

#ranking h2 {
  margin: 0px 0px 20px 0px;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  border-bottom: 3px solid #333;
}

#ranking .column5 .itemThumb-wrap {
  position: relative;
}

#ranking .column5 .itemThumb-wrap .rank {
  /*position: absolute;
	left: 0px;
	top: 0px;*/
  margin: 0px 0px 5px 0px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  font-size: 16px;
  color: #FFF;
  width: 50px;
  height: 30px;
  border-radius: 5px;
  background: #666;
  font-weight: bold;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}

#ranking .column5 .itemThumb-wrap .rank:before {
  content: "No.";
  font-size: 12px;
}

#ranking .column5 .itemThumb-wrap .rank.rank1 {
  background: linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%);
}

#ranking .column5 .itemThumb-wrap .rank.rank2 {
  background: linear-gradient(45deg, #757575 0%, #9E9E9E 45%, #E8E8E8 70%, #9E9E9E 85%, #757575 90% 100%);
}

#ranking .column5 .itemThumb-wrap .rank.rank3 {
  background: linear-gradient(45deg, #a57e65 0%, #a57e65 45%, #f3cfb8 70%, #a57e65 85%, #a57e65 90% 100%);
}

#fanItem {
  margin-bottom: 60px;
}

#fanItem h2 {
  margin: 0px 0px 20px 0px;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  border-bottom: 3px solid #333;
}

#newItem {
  margin-bottom: 60px;
}

#newItem h2 {
  margin: 0px 0px 20px 0px;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  border-bottom: 3px solid #333;
}

.categoryLinkArea {
  margin-bottom: 60px;
}

.categoryLinkArea h2 {
  margin: 0px 0px 20px 0px;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  border-bottom: 3px solid #333;
}

.campaignList {
  margin-bottom: 60px;
}

.campaignList h2 {
  margin: 0px 0px 20px 0px;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  border-bottom: 3px solid #333;
}

.meigaraArea {
  margin-bottom: 60px;
}

.meigaraArea h2 {
  margin: 0px 0px 20px 0px;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  border-bottom: 3px solid #333;
}

.youtubeBanner {
  margin: 0px 0px 40px 0px;
}

.youtubeBanner h2 {
  margin: 0px 0px 20px 0px;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  border-bottom: 3px solid #333;
}


.shopList h2 {
  margin: 0px 0px 20px 0px;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  border-bottom: 3px solid #333;
}

.shopInfoList .shopInfoBox_n>.shopname {
  width: 100%;
  margin: 0px 0px 10px;
  padding: 5px 0px;
  background: rgb(68, 68, 68);
  color: #FFF;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}

.dropList {
  margin: 0px;
  padding: 0px;
}

.dropListSec nav {
  margin: 0px;
  padding: 0px;
  position: relative;
}

.dropListSec nav .sps-itemCategoryMain {
  margin: 0px;
  padding: 0px;
  background: #FFF;
}

.dropListSec nav .sps-itemCategoryMain li {
  margin: 0px;
  padding: 0px;
  border-bottom: 1px solid #DEDEDE;
}

.dropListSec nav .sps-itemCategoryMain li .sitelink {
  margin: 0px;
  padding: 15px 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

.dropListSec nav .sps-itemCategoryMain li .sitelink a {
  font-size: 16px;
  font-weight: bold;
  display: inline-block;
  max-width: -webkit-calc(100% - 20px);
  max-width: calc(100% - 20px);
}

.dropListSec nav .sps-itemCategoryMain li .sitelink:after {
  content: "＋";
  font-size: 14px;
  color: #999;
}

.dropListSec nav .sps-itemCategoryMain li.open .sitelink:after {
  content: "-";
}

.dropListSec nav .sps-itemCategoryMain li.noopen .sitelink:after {
  content: "";
  display: none;
}

.dropListSec nav .sps-itemCategoryMain li.noopen .sitelink a {
  max-width: 100%;
}

.dropListSec nav .sps-itemCategorySub {
  display: none;
  padding: 0px;
  margin: 0px;
  background: #f6f6f6;
}

.dropListSec nav .sps-itemCategorySub li {
  margin: 0px;
  padding: 10px 10px 10px 20px;
  border-bottom: 1px solid #DEDEDE;
}

.dropListSec nav .sps-itemCategorySub li .sitelink a {
  font-size: 14px;
}

@media screen and (min-width: 768px) {

  .dropListSec nav .sps-itemCategorySub {
    position: absolute;
    left: 260px;
    top: 0px;
    width: 240px;
    box-shadow: 3px 0px 6px 0px rgba(0, 0, 0, 0.3);
    z-index: 1;
    opacity: 0;
    transition: all 300ms 0s ease;
  }

  .dropListSec nav .sps-itemCategorySub {
    background: #FFF;
  }

  .dropListSec nav .sps-itemCategorySub li {
    padding: 0px;
    border-bottom: 1px solid #DEDEDE;
  }

  .dropListSec nav .sps-itemCategorySub li a {
    display: block;
    padding: 10px 15px;
    transition: all 300ms 0s ease;
  }

  .dropListSec nav .sps-itemCategorySub li a:hover {
    background: #f6f6f6;
    text-decoration: none;
  }

  .dropListSec nav:hover .sps-itemCategorySub {
    display: block !important;
    opacity: 1;
  }

  .dropListSec nav .sps-itemCategoryMain li .sitelink:after {
    content: ">";
  }

  .dropListSec nav .sps-itemCategoryMain li.open .sitelink:after {
    display: none;
  }

}

@media screen and (max-width: 767px) {
  body #sub-column .link nav ul li a::after {
    display: none;
  }
}

.spAddNavi {
  display: none;
}

@media screen and (max-width: 768px) {
  .spAddNavi {
    display: block;
  }

  .freeArea2 .free-contents .spAddNavi ul {
    margin: 0px;
  }

  #sub-column .link nav .spAddNavi ul li {
    font-size: 100%;
  }
}


.ico_cap01 {
  color: #66CCFF !important;
}

#sub-column div.cal_wrapper table.cal tr td div.Today {
  color: #66CCFF !important;
}

.ico_cap02 {
  color: #FF0000 !important;
}

.ico_cap03 {
  color: #FFFF00 !important;
  font-size: 120%;
  margin: 0 2px 0 0 !important;
  vertical-align: middle;
}

.ccolor1 {
  background-color: #FF0000 !important;
}

.ccolor2 {
  background-color: #FFFF00 !important;
}

.prev-hide {
  background: none repeat scroll 0 0 transparent;
  height: 17px;
  width: 15%;
}


#fsrecommenddiv4 h2{
     margin: 0px 0px 20px 0px;
    text-align: center;
 font-size: 0;
	    font-weight: bold;
    border-bottom: 3px solid #333;
}
#fsrecommenddiv4 h2:before{
 font-size: 20px;
	content: "アクセス急上昇中の商品";
}
body #main-column .newItem h2{
     margin: 0px 0px 20px 0px;
    text-align: center;
	    font-weight: bold;
    border-bottom: 3px solid #333;
}
body #main-column .newItem h2::before{
  display: inline-block;
		font-size: 20px;
		margin: 0px 20px 0px 0px;
}

body #main-column .pickup h2{
     margin: 0px 0px 20px 0px;
    text-align: center;
	    font-weight: bold;
    border-bottom: 3px solid #333;
}
body #main-column .pickup h2::before{
  display: inline-block;
		font-size: 20px;
		margin: 0px 20px 0px 0px;
}

body #main-column .ranking h2{
     margin: 0px 0px 20px 0px;
    text-align: center;
	    font-weight: bold;
    border-bottom: 3px solid #333;
}
body #main-column .ranking h2::before{
  display: inline-block;
		font-size: 20px;
		margin: 0px 20px 0px 0px;
}
