@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
.boxes {
  color: #333;
  margin-top: 40px;
}
body,#header {
  font-family: Roboto, "游ゴシック", YuGothic, "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, "メイリオ", Meiryo, sans-serif !important;
  font-size: 14px;
  /*width: auto; */
  background-color: #fff !important;
  font-weight: normal !important;
}
main {
  margin-top: 2%;
  max-width: 950px !important;
}
a {
  text-decoration: none;
}
#main-contents {
  max-width: 700px;
  width: auto !important;
}
.content-box a {
  color: rgb(0, 0, 238);
}
.filter {
  margin: 0 auto 1rem;
  display: flex;
  justify-content: space-between;
  padding: 1rem;
  background-color: #f5f5f5;
  font-weight: bold;	
}
.filter > a {
  color: #333;
  letter-spacing: 2px;
  margin-right: 3px;
  position: relative;
  padding-bottom: 3px;
}
.filter > a::after {
  border-bottom: solid 1px #352727;
  bottom: 0;
  content: "";
  display: block;
  position: absolute;
  left: 0;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
  width: 0;
}
.filter > a:hover::after {
  width: 100%;
}
.filter > a:hover {
  cursor: pointer;
}
.boxes .event {
  pointer-events: none;
}
.boxes h3 {
  margin-bottom: 20px;
  padding: 5px 0px 3px 8px;
  border-left: 6px solid #B81B26;
  border-bottom: 1px solid #B81B26;
  font-size: 1.2em;
  font-weight: 600;
  color: #333;
}
.boxes .ctgy {
  display: flex;
  align-items: baseline;	
}
.boxes .date {
  margin: 0 8px;
  font-weight: 300;
  min-width: 90px;
}
.boxes .f-icon {
  width: 3rem;
  color: #fff;
  padding: 3px;
  margin-bottom: 5px;
  border-radius: 3px;
  text-align: center;
  letter-spacing: 2px;
  font-weight: bold;
  min-width: 36px;
}
.boxes .closed {
  background: #E3A462;
}
.boxes .shipping {
  background: #35AD99;
}
.boxes .impt {
  background: #E34F61;
}
.boxes .feature {
  background: #7185D6;
}
.boxes .info {
  margin-bottom: 100px;
}
.red {
  color: #B81B26;
}
.bold {
  font-weight: 600;
}
.frame {
  border: 1px solid #CCCCCC;
  padding: 15px 15px;
  margin: 30px 0px;
  width: 95%;
}
.boxes h4 {
  font-size: 1.2em;
  font-weight: 600;
  margin: 1.2em auto;
}
.yahoo, .honten, .rakuten {
  display: none;
}
table.henko {
  margin-top: 15px;
  margin-bottom: 20px;
  width: 100%;
}
th.henko {
  background: #ccc;
  border: 1px solid #C0C0C0;
  font-weight: bold;
  text-align: center;
  font-size: 0.8em;
  padding: 10px;
}
td.henko {
  border: 1px solid #C0C0C0;
  text-align: center;
  font-size: 0.8em;
  padding: 10px;
}
#header, #insert-sidebar, #footer, #headerSm {
  display: none;
}
#header-placeholder #header {
  display: block;
}
#sidebar-placeholder {
  width: 170px;
}
.boxes {
  font-size: 16px;
  line-height: 1.5;
  font-weight: normal;
}
#sidebar-placeholder li a {
  font-weight: normal !important;
}
.scrollmenu {
  position: fixed;
  top: -69px;
  right: 0;
  z-index: 80;
  width: 100%;
  background-color: #FFFFFF;
}
.scrollmenu ul {
  padding: 20px 0;
  width: 100%;
  margin: 0 4% 0;
}
.scrollmenu ul li {
  width: 82%;
  text-align: center;
  list-style: none;
}
.scrollmenu ul li a {
  color: #fff;
  font-size: 14px;
}
@media screen and (min-width: 769px) {
  .pc {
    display: block;
  }
  .sp {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
  .boxes {
    width: 95% !important;
    margin: 0 auto;
  }
  main {
    width: auto;
    display: block !important;
  }
  .frame {
    width: auto;
  }
  .filter {
    flex-direction: column;
  }
  .filter > a {
    padding: 5px;
    margin: 5px;
  }
  .filter > a:hover::after {
    width: 0%;
  }
  .p_navi {
    padding: 0;
  }
  .head_category_box2 ul li {
    width: 22% !important;
  }
  /* .nav-open {
    height: 0;
  } */
 /* .ec-headerNavSP {
    position: absolute;
    top: 55px;
    transition: top 0.3s ease-out;
  }*/
  .ec-headerNavSP.is-fixed {
    position: fixed;
    top: 12px;
  }
	.spmenu.is-fixed{
		position: fixed;
		top:50px;
	}
  .scrollmenu.pcnone.is-fixed {
    top: 0px;
    opacity: 1;
  }
  #footersm .p_navi a {
    background-color: #dcdcdc;
    padding: 30px;
    border-radius: 20px;
    margin-bottom: 2%;
    display: block;
  }
  #footersm .copylight {
    margin-bottom: 10%;
  }
}