@charset "euc-jp";
.container > .cInner{
  width:100%;
}
.slider {
  position: relative;
}
.bx-viewport {
  border: none !important;
  left: 0 !important;
}
#slider div {
  width: 100% !important;
}
#side{
  display: none;
}
#main{
  width:100%;
}
.free_space_block {
  margin-top: 3em;
}
.footer{
  margin-top:0;
}

/*item category辺り*/
.mainBox__topText{
  font-size:14px;
  margin-bottom:30px;
  text-align:center;
}
.itemList--8{
  text-align:center;
  letter-spacing: -.4em;
}
.itemList--8 .itemList__topText{
  font-size:12px;
  margin-bottom:20px;
}
.itemList--8 .itemList__unit{
  float:none;
  display: inline-block;
  letter-spacing: normal;
  width:100px;
  text-align:center;
  vertical-align: top;
}
.itemList--8 .itemList__unit:nth-child(n+2){
  margin-left:42px;
}

/*CONTENTS*/
.itemList--contents{
  background:black;
}
.itemList--contents .itemList__unit{
  width:20%;
  float:left;
  overflow: hidden;
}
.itemList--contents .itemList__unit img{
  width:100%;
}

/*お知らせ*/
.bgSection{
  width:100%;
  overflow-x: hidden;
}
.bgSection__bg{
  padding:40px 500%;
  margin:0px -500%;
  overflow: hidden;
  background:#f2f2f2;
  width:100%;
}
.info{
  background:white;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding:18px 15px 5px 40px;
}
.info__inner{
  width: 900px;
  margin: auto;
  padding:35px 50px;
  border:solid 1px #cccccc;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.info__inner dl {
  height:inherit;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.info__inner dt,.info__inner dd{
  margin-bottom:12px;
}
.info__inner dt{
  clear: both;
  float:left;
  font-weight:bold;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.info__inner dd{
  word-break: break-all;
  padding-left:5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.bgSection__bg--info{
  padding-top:50px;
  padding-bottom:80px;
}

.new .itemList{
    position:relative;
}
.new .itemList .prev_btn{
  position:absolute;
  top:40%;
  margin-top:-14px;
  left:5px;
  z-index:100;
  cursor: pointer;
}
.new .itemList .next_btn{
  position:absolute;
  top:40%;
  margin-top:-14px;
  right:5px;
  z-index:100;
  cursor: pointer;
}
.new .itemList .itemList__unit {
  padding:0px 5px;
}

.recommend .itemList__unit {
  text-align: left;
}

.about {
  text-align: center;
  color: #000000;
  background: url(https://img12.shop-pro.jp/PA01066/072/etc/%A5%D6%A5%E9%A5%F3%A5%C9%B3%B5%CD%D7%C7%D8forPC.jpg?cmsp_timestamp=20210520001656) bottom center no-repeat;
  background-size: cover;
  padding: 60px 0;
}

.blog .itemList__unit {
  text-align: left;
}
.blog .itemList__unit dl {
  margin-top: 15px;
}
.blog .itemList__unit dl dt {
  font-size: 14px;
  font-weight: bold;
}
.blog .itemList__unit dl dd {
  margin-top: 10px;
}
.blog .itemList__unit dl dd:last-of-type {
  text-align: right;
}

.blog .itemList__unit dl dd:last-of-type a {
  text-decoration: underline;
}

.ranking {
  border-bottom: solid 1px #ccc;
  padding-bottom: 20px;
}
.dnone{
  display: none;
}
.tabList__unit{
  float:left;
  cursor: pointer;
  line-height:40px;
  height:40px;
  text-align: center;
  font-size:18px;
  font-weight:bold;
  color:#000;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom:solid 5px #ccc;
}
.tabList__unit.active{
  border-bottom:solid 5px #333;
}
/*タブ２つ*/
.tabList--2 .tabList__unit{
  width:50%;
}
/*タブ3つ*/
.tabList--3 .tabList__unit{
  width:33.33333333%;
}
/*タブ4つ*/
.tabList--4 .tabList__unit{
  width:23.5%;
}
.tabList--4 .tabList__unit:nth-of-type(n+2){
  margin-left: 2%;
}
.tabSection {
  border-top: solid 1px #ccc;
  padding-top: 20px;
}
.square_btn {
    position: relative;
    display: inline-block;
    font-weight: bold;
    padding: 12px 0 8px;
    text-decoration: none;
    color: #002238;
    transition: .4s;
}

.square_btn:before{
   position: absolute;
   content: '';
   width: 100%;
   height: 4px;
   top:100%;
   left: 0;
   border-radius: 3px;
   background:#002238;
   transition: .2s;
}

.square_btn:after{
   position: absolute;
   content: '';
   width: 100%;
   height: 4px;
   top:0;
   left: 0;
   border-radius: 3px;
   background:#002238;
   transition: .2s;
}

.square_btn:hover:before {
    top: -webkit-calc(100% - 3px);
    top: calc(100% - 3px);
}

.square_btn:hover:after {
    top: 3px;
}