@charset "utf-8";
@import url("https://www.oozeki-shop.com/data/bunkoya/image/include/newstyle.css");
.cate_all{ width:100%;max-width:1000px;background:#efe482;}
.cate_all img{ display:block;margin:0; }
.yokonarabi { display:flex;flex-wrap:nowrap;kustify-content:center;}
.top_bottom_link {max-width:1000px;width:100%;margin:0;display:flex;justify-content:flex-end;background-color:#fff;}
.top_bottom_link a { text-decoration:none;}

/*========================================
	動画
========================================*/
ul.movie_box {
 width: 100%;
 max-width: 1000px;
 margin: 0 auto;padding: 0;
 display: flex;
 justify-content: center;
 list-style: none;
}
.movie_box li {
 padding: 0%;
 width: 100%;
}
.movie_box li > div {
 position: relative;
 width: 100%;
 height: 0;
 padding-top: 56.25%;
 overflow: hidden;
}
.movie_box iframe {
 position: absolute;
 top: 0;
 right: 0;
 width: 100%;
 height: 100%;
}
/*========================================
	メニュー
========================================*/

#menu_container {
  margin: 1.5em 0;    background: #c5e7e8; /*背景薄青*/
}

#menu_container * {
  box-sizing: border-box;
}
#menu_container a {
  text-decoration: none;
  color: #000;
}
#menu_container li a {
  font-size: 0.85em;
  line-height: 1.4;
  font-weight: normal;
}
#menu_container a:hover {
  opacity: 0.7;
}
/*========================================
	柄一覧
========================================*/
#menu_container dl {
  display: flex;  
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: 0.5em;
}
#menu_container dt {
/*  background: #2c586b;紺色タイトル*/
  background: #c64141;/*赤タイトル*/
  margin-bottom: 0.2em;
}
#menu_container dt strong:before{content:"[";margin-right:0.2em;}
#menu_container dt strong:after{content:"]";margin-left:0.2em;}
#menu_container dt a {
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
  /*padding: 0.8em 0.5em;*/padding: 0.4em 0.5em;
  position: relative;
}
#menu_container dt a:after {
  content: "TOP ≫";
  display: block;
  width: 4em;
  height: 1em;
  line-height: 1.3;
  position: absolute;
  right: 1em;
  bottom: 0.7em;
  text-align: right;
}
#menu_container dd {
  width: 15.6%;  
  margin: 0.2em 0.5%;filter: drop-shadow(3px 3px 2px #a6bda7);
}
#menu_container dd a {
  display: block;
	border:0.1em solid #ccc;
}
#menu_container dd img {
  width: 100%;
}
@media screen and (min-width:649px) { /*pc*/
  #menu_container dt {
    font-size:1.5em;
    width: 100%;
  }
  #menu_container dt a:after {
    top: 0;
    bottom: 0;
    margin: auto;
  }
  #menu_container dd img.sph {
    display: none;
  }
}
@media screen and (max-width:650px) { /*sph*/
  #menu_container dt {
    width: 100%;
	line-height:1.3;
	font-size:1.2em;
  }

 #menu_container dd { 
    width: 32.3%;
    margin: 0.2em 0.5%;
  }
  #menu_container dd img.pc {
    display: none;
  }
}
/*========================================
	アイテム一覧
========================================*/
#menu_container ul {
　background: #d9e8db; /*背景薄緑*/
  padding: 0.5em;
  display: flex;
  flex-wrap: wrap; /*justify-content: space-between;*/
}
#menu_container li {
  margin: 0.2em 1%;
  width: 23%;
  position: relative;
}
#menu_container li img {
  border: 0.1em solid #ccc;
  max-width: 100%;
}
#menu_container li.limited span:last-child:before {
  content: "";
  display: block;
  width: 2em;
  height: 1em;
  background: url("https://www.oozeki-shop.com/data/bunkoya/image/free/other/limited-r.gif") no-repeat left top;
  background-size: contain;
  margin-right: 0.3em;
}
#menu_container li.new span:last-child:before {
  content: "";
  display: block;
  width: 1.8em;
  height: 1em;
  background: url("https://www.oozeki-shop.com/data/bunkoya/image/free/other/new-b.gif") no-repeat left top;
  background-size: contain;
  margin-right: 0.3em;
}
@media screen and (min-width:839px) { /*pc*/
  #menu_container li span {
    margin: 0 0.5em;
    font-size:0.75em;
  }
  #menu_container li a {
    display: table;
    table-layout: fixed;
  }
  #menu_container li span {
    display: table-cell;
    vertical-align: middle;
  }
  #menu_container li span:first-child {
    width: 45%;
    padding-right: 0.7em;
  }
}
@media screen and (max-width:840px) { /*sph*/
  #menu_container li a {
    font-size: 0.5em;
    line-height: 1.2;
  }
  #menu_container ul {
    height: 25em;
    overflow-y: scroll;
  }
  #menu_container li {
    width: 14.6%;
    overflow: hidden;
    text-align: center;
  }
  #menu_container li.limited span:last-child:before,
  #menu_container li.new span:last-child:before {
    width: 3.5em;
    height: 2.5em;
    position: absolute;
    left: 1%;
    top: 0;
  }
  #menu_container li span:last-child {
    margin-top: 0.2em;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media screen and (max-width:650px) { /*sph2*/
  #menu_container ul {
    height: 32em;
  }
  #menu_container li {
    width: 23%;
  }
}


@media screen and (max-width: 480px) {
.top_bottom_link a{ font-size:1.1em;text-decoration:none;}
}