@charset "UTF-8";
/* CSS Document */

/* ---------------------------------------------------------
common
----------------------------------------------------------*/
html,
body {
  height: 100%;
  font-size: 62.5%;
}
body {
	width: 100%;
  /*
  min-width: 1366px;
  */
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","游ゴシック体","Yu Gothic Medium",YuGothic,"メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size: 1.3rem;
	-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	line-height: 1;
	color: #000;
	background-color: #fff;
	-webkit-text-size-adjust: 100%;
}

img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
  pointer-events: none;
}
a {
  color: #000; 
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
.show-sp {
  display: none;
}

/* ---------------------------------------------------------
animation
----------------------------------------------------------*/
.animeBefore {
	visibility: hidden;
}
.fadeAnime {
	visibility: visible;
	animation-name: fadeAnime;
	animation-duration: 1200ms;
}
@keyframes fadeAnime {
  from {
	  opacity: 0;
	  transform: translateX(20px);
  }
  to {
	  opacity: 1;
	  transform: translateX(0px);
  }
}
@keyframes fadeAnimeSp {
  from {
	  opacity: 0;
	  transform: translateY(20px);
  }
  to {
	  opacity: 1;
	  transform: translateY(0px);
  }
}

.btn-back {
  position: fixed;
  width: 82px;
  margin-top: 36px;
  margin-left: 56px;
  z-index: 1;
}
.btn-back a::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 82px;
  height: 33px;
  background: url("../img/common/btn_back_on.svg") no-repeat;
  background-size: 82px 33px;
  opacity: 0;
  transition: opacity .3s;
}
.btn-back a img {
  width: 82px;
  height: 33px;
  transition: opacity .3s;
}
.btn-back a:hover img {
  opacity: 0;
}
.btn-back a:hover::after {
  opacity: 1;
}
.inner-wrapper {
  overflow: hidden;
}

.inner {
  position: relative;
  display: flex;
  align-items: center;
  height: 800px;
  padding-left: 686px;
  padding-left: 50%;
  box-sizing: border-box;
  /*
  overflow: hidden;
  */
}

/*
@media screen and (min-width:1367px) { 
  .inner {
    padding-right: 200px;
  }
}
*/

.inner .num {
  position: fixed;
  top: 0;
  left: 50%;
  z-index: 2;
  pointer-events: none;
}
.inner .pic {
  flex-grow: 0;
  flex-shrink: 0;
}
.credit {
  flex-grow: 0;
  flex-shrink: 0;
  margin-left: 60px;
  /*
  margin-right: 186px;
  */
  padding-right: 186px;
}
.credit li {
  list-style: none;
  margin-bottom: 31px;
}
.credit li:last-child {
  margin-bottom: 0;
}
.credit li a {
  display: block;
}
.credit li p {
  font-family: Helvetica, Arial, "sans-serif";
  font-size: 11px;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 8px;
}
.credit li .btn {
  position: relative;
  width: 84px;
}
.credit li a .btn-online::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 84px;
  height: 17px;
  background: url("../img/common/btn_online_on.svg") no-repeat;
  background-size: 84px 17px;
  opacity: 0;
  transition: opacity .3s;
}
.credit li .btn img {
  width: 84px;
  height: 17px;
  transition: opacity .3s;
}
.credit li a:hover .btn-online img {
  opacity: 0;
}
.credit li a:hover .btn-online::after {
  opacity: 1;
}

/* ---------------------------------------------------------
#category01
----------------------------------------------------------*/
#category01 .inner {
  width: 7090px;
  /*
  padding-right: 43px;
  */
}
#category01 .num {
  width: 177px;
  margin-left: -105px;
  margin-top: 348px;
}
#category01 .pic1 {
  width: 959px;
}
#category01 .pic2 {
  width: 678px;
  margin-right: 230px;
}
#category01 .pic3 {
  width: 862px;
}
#category01 .pic4 {
  width: 862px;
  margin-top: -187px;
}
#category01 .pic5 {
  width: 520px;
}
#category01 .pic6 {
  width: 600px;
  margin-left: -53px;
}

/* ---------------------------------------------------------
#category02
----------------------------------------------------------*/
#category02 .inner {
  width: 5477px;
  /*
  padding-right: 220px;
  */
}
#category02 .num {
  width: 215px;
  margin-left: -114px;
  margin-top: 342px;
}
#category02 .pic1 {
  width: 539px;
}
#category02 .pic2 {
  width: 599px;
  margin-left: -4px;
}
#category02 .wrapper {
  display: flex;
  flex-direction: row-reverse;
  width: 974px;
  margin-top: -150px;
  flex-grow: 0;
  flex-shrink: 0;
}
#category02 .pic3 {
  width: 487px;
}
#category02 .pic4 {
  width: 487px;
}
#category02 .pic5 {
  width: 539px;
}
#category02 .pic6 {
  width: 600px;
}

/* ---------------------------------------------------------
#category03
----------------------------------------------------------*/
#category03 .inner {
  width: 9853px;
  /*
  padding-right: 16px;
  */
}
#category03 .num {
  width: 216px;
  margin-left: -114px;
  margin-top: 342px;
}
#category03 .credit {
  /*
  margin-right: 156px;
  */
  padding-right: 156px;
}
#category03 .pic1 {
  width: 959px;
}
#category03 .pic2 {
  width: 539px;
}
#category03 .pic3 {
  width: 599px;
}
#category03 .pic4 {
  width: 698px;
}
#category03 .pic5 {
  width: 392px;
  margin-left: -53px;
}
#category03 .pic6 {
  width: 599px;
}
#category03 .pic7 {
  width: 392px;
}
#category03 .pic8 {
  width: 806px;
}
#category03 .pic9 {
  width: 526px;
  margin-top: -97px;
}
#category03 .pic10 {
  width: 600px;
  margin-left: 30px;
}

/* ---------------------------------------------------------
#category04
----------------------------------------------------------*/
#category04 .inner {
  width: 5374px;
}
#category04 .num {
  width: 220px;
  margin-left: -114px;
  margin-top: 342px;
}
#category04 .pic1 {
  width: 539px;
}
#category04 .pic2 {
  width: 408px;
  margin-left: -4px;
  margin-right: 230px;
}
#category04 .pic3 {
  width: 504px;
  margin-top: -128px;
}
#category04 .pic4 {
  width: 539px;
}
#category04 .pic5 {
  width: 408px;
}
#category04 .pic6 {
  width: 600px;
}
#category04 .wrapper {
  position: relative;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: flex-end;
  width: 1547px;
  
  margin-left: -30px;
  flex-grow: 0;
  flex-shrink: 0;
}
#category04 .wrapper-block {
  display: flex;
  align-items: center;
  width: 839px;
  flex-grow: 0;
  flex-shrink: 0;
}
#category04 .wrapper-block1 {
  width: 708px;
}

/* ---------------------------------------------------------
#category05
----------------------------------------------------------*/
#category05 .inner {
  width: 6111px;
}
#category05 .num {
  width: 215px;
  margin-left: -114px;
  margin-top: 342px;
}
#category05 .pic1 {
  width: 539px;
}
#category05 .pic2 {
  width: 330px;
  margin-right: 230px;
}
#category05 .pic3 {
  width: 510px;
}
#category05 .pic4 {
  width: 510px;
}
#category05 .pic5 {
  width: 719px;
}
#category05 .pic6 {
  width: 545px;
  margin-bottom: -72px;
}
#category05 .pic7 {
  width: 392px;
  margin-left: -4px;
}
#category05 .wrapper {
  display: flex;
  width: 1020px;
  flex-grow: 0;
  flex-shrink: 0;
}
/*
#category05 .credit:last-of-type {
  margin-right: 182px;
}
*/

/* ---------------------------------------------------------
#category06
----------------------------------------------------------*/
#category06 .inner {
  width: 4314px;
  /*
  padding-right: 200px;
  */
}
#category06 .num {
  width: 217px;
  margin-left: -113px;
  margin-top: 342px;
}
#category06 .pic1 {
  width: 540px;
}
#category06 .pic2 {
  width: 330px;
  margin-right: 230px;
}
#category06 .pic3 {
  width: 600px;
}
#category06 .pic4 {
  width: 329px;
  margin-right: 230px;
}
#category06 .pic5 {
  width: 510px;
}

/* ---------------------------------------------------------
#allitems
----------------------------------------------------------*/
#allitems.inner-wrapper {
  overflow-x: scroll;
}
#allitems .allitems-inner {
  position: relative;
  display: flex;
  /*
  width: 36440px;
  */
  padding-left: 50%;
}
#allitems h2 {
  position: absolute;
  top: 0;
  left: 0;
  left: 50%;
  width: 589px;
  margin-top: 238px;
  margin-left: 267px;
  margin-left: calc(267 / 1366 * 100%);
  margin-left: -417px;
  z-index: 1;
}
#allitems .block .inner {
  padding-left: 0;
}
#allitems .block .pic {
  width: auto;
  height: 800px;
}
#allitems .block .pic img {
  height: 100%;
  width: auto;
}
#allitems #category01 .inner {
  width: 6380px;
}
#allitems #category01 .pic4 {
  margin-top: 0;
}
#allitems #category02 .inner {
  width: 3716px;
}
#allitems #category03 .inner {
  width: 10970px;
}
#allitems #category03 .pic6 {
  padding-left: 276px;
}
#allitems #category03 .pic9 {
  margin-top: 0;
}
#allitems #category03 .pic10 {
  margin-left: 0;
}
#allitems #category03 .credit {
  padding-right: 186px;
}
#allitems #category03 .credit7 {
  margin-left: 50px;
  padding-right: 197px;
}
#allitems #category03 .credit8 {
  margin-left: 36px;
  padding-right: 211px;
}
#allitems #category03 .credit9 {
  margin-left: 55px;
  padding-right: 192px;
}
#allitems #category03 .credit10 {
  margin-left: 41px;
  padding-left: 0;
}
#allitems #category04 .inner {
  width: 4924px;
}
#allitems #category04 .pic3 {
  margin-top: 0;
}

#allitems #category04 .wrapper {
  width: 1860px;
  margin-left: 0;
}
#allitems #category04 .credit1 {
  margin-left: 49px;
  padding-right: 193px;
}
#allitems #category04 .credit2 {
  margin-left: 32px;
  padding-right: 215px;
}
#allitems #category04 .credit4 {
  margin-left: 38px;
}
#allitems #category04 .wrapper-block {
  width: 929px;
  flex-grow: 0;
  flex-shrink: 0;
}
#allitems #category04 .wrapper-block1 {
  width: 931px;
  margin-left: 0;
}
#allitems #category05 .inner {
  width: 5715px;
}
#allitems #category05 .pic6 {
  margin-bottom: 0;
}
#allitems #category05 .wrapper {
  width: 1200px;
}
#allitems #category05 .credit2 {
  margin-left: 47px;
  padding-right: 199px;
}
#allitems #category05 .credit3 {
  margin-left: 33px;
  padding-right: 213px;;
}
#allitems #category05 .credit4 {
  padding-right: 185px;
}
#allitems #category06 .inner {
  width: 2595px;
}
#allitems #category06 .credit2 {
  margin-left: 51px;
  padding-right: 195px;
}
#allitems #category06 .credit3 {
  padding-right: 0;
}

#allitems #info {
  padding-right: 184px;
  padding-left: 192px;
}
#allitems #info .btn-check {
  position: relative;
  width: 205px;
  margin-top: 85px;
  margin-left: 99px;
  margin-bottom: 54px;
  z-index: 1;
}
#allitems #info .btn-check a::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 205px;
  height: 40px;
  background: url("../img/allitems/btn_check_on.svg") no-repeat;
  background-size: 205px 40px;
  opacity: 0;
  transition: opacity .3s;
}
#allitems #info .btn-check a img {
  width: 205px;
  height: 40px;
  transition: opacity .3s;
}
#allitems #info .btn-check a:hover img {
  opacity: 0;
}
#allitems #info .btn-check a:hover::after {
  opacity: 1;
}
#allitems #info .pic {
  width: 160px;
  margin-left: 120px;
  margin-bottom: 49px;
}
#allitems #info h3 {
  width: 410px;
  margin-bottom: 18px;
}
#allitems #info .lead {
  font-size: 12px;
  line-height: 2;
  letter-spacing: .005em;
  margin-bottom: 50px;
}
#allitems #info .staff {
  font-family: Helvetica, Arial, "sans-serif";
  font-size: 10px;
  line-height: 1.9;
}
#allitems .nav-block {
  padding-right: 30px;
  margin-top: 33px;
}
#allitems .nav-block .logo {
  width: 22px;
  margin-bottom: 27px;
}
#allitems .nav-block li {
  list-style: none;
  width: 9px;
}
#allitems .nav-block li:last-child {
  margin-bottom: 32px;
}
#allitems .nav-block li::after {
  content: '';
  display: block;
  width: 9px;
  height: 5px;
  background: url("../img/allitems/icon_slash.svg") no-repeat;
  background-size: 9px 5px;
  margin-top: 12px;
  margin-bottom: 13px;
}
#allitems .nav-block li:last-child::after {
  content: none;
}
#allitems .nav-block .copy {
  width: 9px;
}

/* ---------------------------------------------------------
media queries
----------------------------------------------------------*/
@media screen and (max-width:768px) {
  /* ---------------------------------------------------------
  common
  ----------------------------------------------------------*/
  body {
    min-width: 100%;
  }
  .show-pc {
    display: none;
  }
  .show-sp {
    display: block;
  }

  .fadeAnime {
    animation-name: fadeAnimeSp;
  }
  
  .btn-back {
    width: calc(125 / 750 * 100vw);
    margin-top: calc(58 / 750 * 100%);
    margin-left: calc(40 / 750 * 100%);
  }
  .btn-back a::after {
    width: calc(125 / 750 * 100vw);
    height: calc(51 / 750 * 100vw);
    background: url("../img/common/btn_back_on.svg") no-repeat;
    background-size: calc(125 / 750 * 100vw) calc(51 / 750 * 100vw);
  }
  .btn-back a img {
    width: calc(125 / 750 * 100vw);
    height: calc(51 / 750 * 100vw);
  }
  .btn-back a.is-hover img {
    opacity: 0;
  }
  .btn-back a.is-hover::after {
    opacity: 1;
  }
  .inner {
    display: block;
    height: auto;
    padding-left: 0;
    overflow-x: auto;
  }
  .inner .num {
    position: relative;
    top: auto;
    left: 0;
  }
  .credit {
    width: calc(619 / 750 * 100%);
    padding: calc(50 / 750 * 100%) 0 calc(180 / 750 * 100%);
    margin: 0 auto;
  }
  .credit li,
  .credit li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }
  .credit li {
    margin-bottom: calc(30 / 619 * 100%);
  }
  .credit li p {
    font-size: calc(26 / 750 * 100vw);
    margin-bottom: 0;
  }
  .credit li .btn {
    position: relative;
    /*
    width: calc(200 / 619 * 100%);
    */
    width: calc(200 / 750 * 100vw);
  }
  .credit li a .btn-online::after {
    width: calc(200 / 750 * 100vw);
    height: calc(40 / 750 * 100vw);
    background: url("../img/common/btn_online_on_sp.svg") no-repeat;
    background-size: calc(200 / 750 * 100vw) calc(40 / 750 * 100vw);
  }
  .credit li .btn img {
    width: 100%;
    height: auto;
  }
  .credit li a.is-hover .btn-online img {
    opacity: 0;
  }
  .credit li a.is-hover .btn-online::after {
    opacity: 1;
  }

/* ---------------------------------------------------------
#category01 sp
----------------------------------------------------------*/
  #category01 .inner {
    width: 100%;
    padding-top: calc(155 / 750 * 100%);
    padding-right: 0;
  }
  #category01 .num {
    width: 177px;
    width: calc(157 / 750 * 100%);
    margin: 0 0 calc(50 / 750 * 100%) calc(309 / 750 * 100%);
  }
  #category01 .pic1 {
    width: 100%;
  }
  #category01 .pic2 {
    width: 100%;
    margin-top: calc(-10 / 750 * 100%);
    margin-right: 0;
    margin-bottom: calc(180 / 750 * 100%);
  }
  #category01 .pic3 {
    width: 100%;
  }
  #category01 .pic4 {
    width: calc(618 / 750 * 100%);
    margin-top: 0;
  }
  #category01 .pic5 {
    width: calc(487 / 750 * 100%);
    margin: 0 auto;
  }
  #category01 .pic6 {
    width: calc(630 / 750 * 100%);
    margin: 0 auto;
  }

/* ---------------------------------------------------------
#category02 sp
----------------------------------------------------------*/
  #category02 .inner {
    width: 100%;
    padding-top: calc(155 / 750 * 100%);
    padding-bottom: calc(180 / 750 * 100%);
    padding-right: 0;
  }
  #category02 .num {
    width: calc(181 / 750 * 100%);
    margin: 0 0 calc(50 / 750 * 100%) calc(309 / 750 * 100%);
  }
  #category02 .pic1 {
    width: 100%;
  }
  #category02 .pic2 {
    width: calc(577 / 750 * 100%);
    margin: 0 auto;
  }
  #category02 .wrapper {
    display: block;
    width: 100%;
    margin-top: 0;
  }
  #category02 .pic3 {
    width: calc(384 / 750 * 100%);
    margin: 0 auto;
  }
  #category02 .pic4 {
    width: calc(384 / 750 * 100%);
    margin: 0 auto calc(10 / 750 * 100%);
  }
  #category02 .pic5 {
    width: calc(620 / 750 * 100%);
    margin-left: auto;
  }
  #category02 .pic6 {
    width: 100%;
  }
  
/* ---------------------------------------------------------
#category03 sp
----------------------------------------------------------*/
  #category03 .inner {
    width: 100%;
    padding-top: calc(155 / 750 * 100%);
    padding-right: 0;
  }
  #category03 .num {
    width: calc(180 / 750 * 100%);
    margin: 0 0 calc(50 / 750 * 100%) calc(309 / 750 * 100%);
  }
  #category03 .credit {
    padding: calc(50 / 750 * 100%) 0 calc(180 / 750 * 100%);
    margin: 0 auto;
  }
  #category03 .pic1 {
    width: 100%;
  }
  #category03 .pic2 {
    width: calc(420 / 750 * 100%);
    margin: 0 auto;
  }
  #category03 .pic3 {
    width: 100%;
  }
  #category03 .pic4 {
    width: 100%;
  }
  #category03 .pic5 {
    width: calc(453 / 750 * 100%);
    margin: 0 auto;
  }
  #category03 .pic6 {
    width: calc(619 / 750 * 100%);
    margin-left: auto;
  }
  #category03 .pic7 {
    width: calc(577 / 750 * 100%);
  }
  #category03 .pic8 {
    width: 100%;
  }
  #category03 .pic9 {
    width: calc(468 / 750 * 100%);
    margin: 0 auto;
  }
  #category03 .pic10 {
    width: 100%;
    margin-left: 0;
  }
  
/* ---------------------------------------------------------
#category04 sp
----------------------------------------------------------*/
  #category04 .inner {
    width: 100%;
    padding-top: calc(155 / 750 * 100%);
  }
  #category04 .num {
    width: calc(179 / 750 * 100%);
    margin: 0 0 calc(50 / 750 * 100%) calc(322 / 750 * 100%);
  }
  #category04 .pic1 {
    width: 100%;
  }
  #category04 .pic2 {
    width: calc(408 / 750 * 100%);
    margin: 0 auto calc(180 / 750 * 100%);
  }
  #category04 .pic3 {
    width: calc(619 / 750 * 100%);
    margin: 0 auto;
  }
  #category04 .pic4 {
    width: calc(619 / 750 * 100%);
  }
  #category04 .pic5 {
    width: calc(408 / 750 * 100%);
    margin: 0 auto;
  }
  #category04 .pic6 {
    width: calc(511 / 750 * 100%);
    margin: 0 auto;
  }
  #category04 .wrapper {
    display: block;
    width: 100%;
    padding-right: 0;
    margin-left: 0;
  }
  #category04 .wrapper-block {
    width: 100%;
    display: block;
  }
  #category04 .wrapper-block1 {
    margin-left: 0;
  }
  
  
/* ---------------------------------------------------------
#category05 sp
----------------------------------------------------------*/
  #category05 .inner {
    width: 100%;
    padding-top: calc(155 / 750 * 100%);
  }
  #category05 .num {
    width: calc(179 / 750 * 100%);
    margin: 0 0 calc(50 / 750 * 100%) calc(322 / 750 * 100%);
  }
  #category05 .pic1 {
    width: 100%;
  }
  #category05 .pic2 {
    width: calc(384 / 750 * 100%);
    margin: 0 auto calc(180 / 750 * 100%);
  }
  #category05 .pic3 {
    width: 50%
  }
  #category05 .pic4 {
    width: 50%;
  }
  #category05 .pic5 {
    width: 100%;
  }
  #category05 .pic6 {
    width: calc(619 / 750 * 100%);
    margin: 0 auto;
  }
  #category05 .pic7 {
    width: calc(489 / 750 * 100%);
    margin-left: 0;
  }
  #category05 .wrapper {
    display: flex;
    width: 100%;
  }
  #category05 .credit:last-of-type {
    padding: calc(50 / 750 * 100%) 0 calc(180 / 750 * 100%);
    margin: 0 auto;
  }
  
/* ---------------------------------------------------------
#category06 sp
----------------------------------------------------------*/
  #category06 .inner {
    width: 100%;
    padding-top: calc(155 / 750 * 100%);
    padding-right: 0;
  }
  #category06 .num {
    width: calc(181 / 750 * 100%);
    margin: 0 0 calc(50 / 750 * 100%) calc(321 / 750 * 100%);
  }
  #category06 .pic1 {
    width: 100%;
  }
  #category06 .pic2 {
    width: calc(375 / 750 * 100%);
    margin: 0 auto calc(180 / 750 * 100%);
  }
  #category06 .pic3 {
    width: calc(619 / 750 * 100%);
  }
  #category06 .pic4 {
    width: calc(511 / 750 * 100%);
    margin: 0 0 calc(180 / 750 * 100%) auto;
  }
  #category06 .pic5 {
    width: calc(619 / 750 * 100%);
    padding-right: 0;
    margin: 0 auto;
  }
  
/* ---------------------------------------------------------
#allitems sp
----------------------------------------------------------*/
  #allitems .inner-wrapper {
    overflow-x: auto;
  }
  
  #allitems .allitems-inner {
    display: block;
    /*
    overflow-x: auto;
    */
    padding-left: 0;
  }
  #allitems h2 {
    position: relative;
    top: auto;
    left: auto;
    width: calc(640 / 750 * 100%);
    margin-top: calc(150 / 750 * 100%);
    margin-left: calc(53 / 750 * 100%);
    margin-bottom: calc(68 / 750 * 100%);
  }
  #allitems #category01 .inner,
  #allitems #category02 .inner,
  #allitems #category03 .inner,
  #allitems #category04 .inner,
  #allitems #category05 .inner,
  #allitems #category06 .inner {
    width: 100%;
    padding-top: 0;
  }
  #allitems #category02 .inner {
    padding-bottom: 0;
  }
  #allitems .block .pic {
    width: 100%;
    height: auto;
  }
  #allitems .block .pic img {
    width: 100%;
    height: auto;
  }
  #allitems #category03 .credit {
    padding-right: 0;
  }
  #allitems #category03 .credit7,
  #allitems #category03 .credit8,
  #allitems #category03 .credit9,
  #allitems #category03 .credit10,
  #allitems #category04 .credit1,
  #allitems #category04 .credit2,
  #allitems #category04 .credit3,
  #allitems #category05 .credit2,
  #allitems #category05 .credit3,
  #allitems #category05 .credit4,
  #allitems #category06 .credit2 {
    padding-right: 0;
    margin: 0 auto;
  }
  #allitems #category03 .pic6 {
    padding-left: 0;
  }
  #allitems #category04 .wrapper,
  #allitems #category04 .wrapper-block,
  #allitems #category04.wrapper-block1 {
    width: 100%;
  }
  #allitems #category05 .wrapper {
    width: 100%;
  }
  #allitems #category05 .pic3,
  #allitems #category05 .pic4 {
    width: 50%;
  }
  #allitems #category06 .inner {
    padding-bottom: calc(130 / 750 * 100%);
  }
  
  #allitems #info {
    padding-right: 0;
    padding-left: 0;
  }
  #allitems #info .btn-check {
    width: calc(469 / 750 * 100vw);
    margin: 0 auto calc(95 / 750 * 100%);
  }
  #allitems #info .btn-check a::after {
    width: calc(469 / 750 * 100vw);
    height: calc(87 / 750 * 100vw);
    background: url("../img/allitems/btn_check_on_sp.svg") no-repeat;
    background-size: calc(469 / 750 * 100vw) calc(87 / 750 * 100vw);
  }
  #allitems #info .btn-check a img {
    width: calc(469 / 750 * 100vw);
    height: calc(87 / 750 * 100vw);
  }
  #allitems #info .btn-check a.is-hover img {
    opacity: 0;
  }
  #allitems #info .btn-check a.is-hover::after {
    opacity: 1;
  }
  #allitems #info .pic {
    width: calc(280 / 750 * 100%);
    margin: 0 auto calc(54 / 750 * 100%);
  }
  #allitems #info h3 {
    width: calc(527 / 750 * 100%);
    margin-left: calc(139 / 750 * 100%);
    margin-bottom: calc(41 / 750 * 100%);
  }
  #allitems #info .lead {
    font-size: calc(22 / 750 * 100vw);
    line-height: 2.35;
    letter-spacing: -0.02em;
    margin-left: calc(142 / 750 * 100%);
    margin-bottom: calc(95 / 750 * 100%);
  }
  #allitems #info .staff {
    font-size: calc(20 / 750 * 100vw);
    text-align: center;
    margin-bottom: calc(132 / 750 * 100%);
  }
  #allitems .nav-block {
    padding-right: 0;
    margin-top: 0;
    padding-bottom: calc(211 / 750 * 100%);
  }
  #allitems .nav-block .logo {
    width: calc(200 / 750 * 100%);
    margin: 0 auto calc(90 / 750 * 100%);
  }
  #allitems .nav-block li {
    width: calc(159 / 750 * 100%);
    margin: 0 auto calc(54 / 750 * 100%);
  }
  #allitems .nav-block li:nth-child(2) {
    width: calc(224 / 750 * 100%);
  }
  #allitems .nav-block li:nth-child(3) {
    width: calc(175 / 750 * 100%);
  }
  #allitems .nav-block li:nth-child(4) {
    width: calc(132 / 750 * 100%);
  }
  #allitems .nav-block li a {
    display: block;
  }
  #allitems .nav-block li:last-child {
    margin-bottom: calc(130 / 750 * 100%);
  }
  #allitems .nav-block li::after {
    content: none;
  }
  #allitems .nav-block li:last-child::after {
    content: none;
  }
  #allitems .nav-block .copy {
    width: calc(349 / 750 * 100%);
    margin: 0 auto;
  }
  #allitems .pagetop {
    position: absolute;
    bottom: 0;
    right: 0;
    width: calc(62 / 750 * 100%);
    margin-right: calc(62 / 750 * 100%);
    margin-bottom: calc(211 / 750 * 100%);
  }
  #allitems .pagetop img {
    pointer-events: auto;
  }
  
}