@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Hind+Vadodara:wght@300;400;500;600;700&family=Noto+Sans+JP:wght@300;400;500;700&display=swap");
html, body, main, header, section, h1, h2, h3, h4, ul, ol, dl, li, dt, dd, p, div, span, img, a, table, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: normal; font-size: 100%; vertical-align: baseline; -webkit-box-sizing: border-box; box-sizing: border-box; }

html, body { font-size: 16px; color: #0a0a0a; }

article, header, footer, aside, figure, figcaption, nav, section { display: block; }

* { margin: 0; padding: 0; }

body { line-height: 1; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-family: "Noto Sans JP", sans-serif; margin: 0 auto; position: relative; width: 100%; }

ol, ul { list-style: none; list-style-type: none; }

a { color: #0a0a0a; display: block; text-decoration: none; }

p { font-size: 1.0rem; line-height: 1.8; }

img { width: 100%; }

main { display: block; }

select.soldout { display: none !important; }

.divisionContainer .divisionInner, .divisionContainer .divisionList, .headerContainer .logoText, .headerContainer .linkList, .headerContainer .linkContainer .divisionInner, .headerContainer .linkContainer .divisionList, .archive .titleContainer, .archive .contentContainer .contentInner .itemList li, .single .itemImageContainer .itemImageInner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.footer .footerNavi .footerList { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.archive .contentContainer .itemTabList { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

@-webkit-keyframes hoverAnim { 0% { left: -100%; }
  100% { left: 0; } }

@keyframes hoverAnim { 0% { left: -100%; }
  100% { left: 0; } }

@-webkit-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

.kvContainer { position: relative; background-color: #FE0000; height: 18.0rem; }

.kvContainer .kv { background-image: url(../images/kv.jpg); background-repeat: no-repeat; background-position: center center; background-size: contain; position: absolute; top: 0; left: 0; height: 100%; width: 100%; }

.attentionList { padding: 1.56rem 0; }

.attentionList .attentionItem { margin: 0 auto .65rem; width: 90%; }

.attentionList .attentionItem a { background: #111; border: 2px solid #fff; color: #fff; text-align: center; font-size: 3vw; padding: 1.0rem 0; font-weight: 500; }

.attentionList .attentionItem a:hover { border: 2px solid #111; background: #fff; color: #111; }

.toplogo-flex{
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
	margin-bottom: 1.5em;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
    justify-content: center;
    align-items: center;
}


section h2 { font-size: 1.56rem; font-family: "Hind Vadodara", sans-serif; font-weight: 700; text-align: center; margin: 0 0 1.25rem; }

.goodsContainer { background: #CECECE; padding: 1.8rem 0; }

.goodsContainer .goodsButton { border-bottom: 1px solid #CECECE; font-size: 1.25rem; font-family: "Hind Vadodara", sans-serif; font-weight: 600; text-align: center; background: #111; padding: .3rem 0; color: #fff; width: 85%; margin: 0 auto; position: relative; }

.goodsContainer .goodsButton::after { content: ""; position: absolute; top: 0; right: 10%; background-image: url(../images/arrow.png); background-position: center; background-repeat: no-repeat; background-size: contain; width: 20px; height: 100%; }

.goodsContainer .goodsButton.active { border-bottom: 1px solid #fff; }

.goodsContainer .goodsButton.active::after { content: "\30FC"; background-image: none; top: 13%; }

.goodsContainer .goodsList { background: #111; width: 85%; margin: 0 auto; overflow: scroll; display: none; }

.goodsContainer .goodsList li { border-bottom: 1px solid #fff; }

.goodsContainer .goodsList li a { color: #fff; padding: 1.25rem .65rem; font-size: 3.5vw; font-weight: 500; }

.goodsContainer .goodsList.show { display: block; }

.divisionContainer { background: #111; padding: 1.8rem 10px 2.5rem; }

.divisionContainer .divisionTitle { color: #fff; }

.divisionContainer .divisionInner.pc { display: none; }

.divisionContainer .divisionList li { width: calc(100% / 4); margin: 0 0 1.0rem; }

.divisionContainer .divisionList li.dirtyLogo { width: calc(100% / 4 + 10px); }

.divisionContainer .divisionList li.chuoukuLogo { width: calc(100% / 4 - 10px); text-align: center; }

.divisionContainer .divisionList li.chuoukuLogo img { width: 70%; }

.divisionContainer .divisionList li a { padding: 0 .2rem; }

.divisionContainer .divisionLogo { width: 40%; margin: 0 auto; }

.itemContainer { padding: 1.8rem 10px 3.2rem; }

.itemContainer .wide-window { position: relative; }

.itemContainer .wide-window .btnSlider .leftBtn { position: absolute; top: 45%; left: 3%; width: 1.8rem; z-index: 100; }

.itemContainer .wide-window .btnSlider .rightBtn { position: absolute; top: 45%; right: 3%; width: 1.8rem; z-index: 100; }

.itemContainer .wide-window .slider { max-width: 1500px; width: 100%; margin: 0 auto; overflow: hidden; }

.itemContainer .wide-window .slider .productList { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; }

.itemContainer .wide-window .slider .productList .productItem a {
    width: 15.625rem;
    height: 15.625rem;
    margin: 0 auto 0rem;
    border: 1px solid #111;
    margin: 0 -1px 0px 0;
    padding: 13px 13px 13px 13px;
}

.itemContainer .wide-window .slider .productList .productItem a img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; }
.itemContainer .swiper-slide {
    padding-right: 0px;
}
.itemContainer .swiper-slide a { margin: 0 0 0rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 8.375rem; border: 1px solid #111111; padding: 0px 17px;    margin: 0 0px 0px 0;}

.pc { display: none; }

@media screen and (min-width: 768px) { .sp { display: none; }
  .pc { display: block; }
  .kvContainer { height: 28.0rem; }
  .kvContainer .kv { background-image: url(../images/kv-pc.jpg); }
  .attentionList { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; margin: 0 auto; }
  .attentionList .attentionItem { width: 85%; margin: 0; }
  .attentionList .attentionItem a { font-size: .78rem; }
  .goodsContainer .sp { display: block; }
  .goodsContainer .pc { display: none; }
  .goodsContainer .goodsList li a { font-size: 1.0rem; }
  .itemContainer .wide-window .slider { width: 85%; } 
  .productList li {padding-right: 0px;}
}

@media screen and (min-width: 1023px) { #main { padding: 4.0rem 0 0; }
  .kvContainer { height: 95vh; margin: 0 0 2.5rem; }
  section h2 { font-size: 3.0rem; }
  .attentionList { padding: 0 0 1.56rem; }
  .attentionList .attentionItem { width: 40%; }
  .attentionList .attentionItem a { font-size: 1.0rem; }
  .goodsContainer { background: #fff; width: 95%; border: 5px solid #111; margin: 4.2rem auto; padding: 3.0rem 0; max-width: 1200px; position: relative; }
  .goodsContainer .goodsTitle { background: #fff; width: 30%; margin: -5.0rem auto 1.25rem; }
  .goodsContainer .pc { display: block; }
  .goodsContainer .sp { display: none; }
  .goodsContainer .liveSliderContainer { width: 100%; position: relative; }
  .goodsContainer .liveSliderContainer .swiper1 { margin: 0 auto; overflow: hidden; width: 90%; }
  .goodsContainer .liveSliderContainer .live-swiper { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .goodsContainer .liveSliderContainer .swiper-button-next { color: #0a0a0a; }
  .goodsContainer .liveSliderContainer .swiper-button-prev { color: #0a0a0a; }
  .divisionContainer { background: #D6D6D6; margin: 0 auto 4.2rem; }
  .divisionContainer .sp { display: none; }
  .divisionContainer .divisionInner.pc { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 90%; margin: 0 auto; max-width: 1200px; }
  .divisionContainer .divisionInner.pc .divisionList { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; width: 35%; }
  .divisionContainer .divisionInner.pc .divisionList li { width: 40%; }
  .divisionContainer .divisionInner.pc .divisionList li.chuoukuLogo img { width: 60%; }
  .divisionContainer .divisionInner.pc .divisionLogo { width: 30%; }
  .itemContainer { padding: 0; margin: 0 auto 6.2rem; }
  .itemContainer .title { margin: 0 auto 4.2rem; } }

.headerContainer { width: 100%; height: 130px; z-index: 100000; top: 0; left: 0; position: relative; }

.headerContainer.is-fixed { position: fixed; }

.headerContainer .logoText { background-color: #111; padding: 1.0rem 0; }

.headerContainer .logoText a { font-size: 1.0rem; text-align: center; color: #fff; font-family: "Hind Vadodara", sans-serif; font-weight: 600; line-height: 1.5; }

.headerContainer .linkList li { width: calc(100% / 3); border: 1px solid #111; background: #fff; text-align: center; font-family: "Hind Vadodara", sans-serif; font-weight: 600; padding: 1.0rem 0; cursor: pointer; }

.headerContainer .linkList li.is-active { background: #111; color: #fff; }

.headerContainer .linkContainer .content { background: #111; display: none; padding: 10% 3%; height: 100vh; overflow: scroll; -ms-overflow-style: none; scrollbar-width: none; }

.headerContainer .linkContainer .content::-webkit-scrollbar { display: none; }

.headerContainer .linkContainer .content.is-show { display: block; }

.headerContainer .linkContainer .divisionList li { width: calc(100% / 4); margin: 0 0 1.0rem; }

.headerContainer .linkContainer .divisionList li.dirtyLogo { width: calc(100% / 4 + 10px); }

.headerContainer .linkContainer .divisionList li.chuoukuLogo { width: calc(100% / 4 - 10px); text-align: center; }

.headerContainer .linkContainer .divisionList li.chuoukuLogo img { width: 70%; }

.headerContainer .linkContainer .divisionList li a { padding: 0 .2rem; }

.headerContainer .linkContainer .divisionList.pc { display: none; }

.headerContainer .linkContainer .divisionLogo { width: 50%; margin: 0 auto; }

.headerContainer .linkContainer .characterList { margin: 0 auto 1.5rem; }

.headerContainer .linkContainer .characterList li { margin: 0 0 1.5rem; }

.headerContainer .linkContainer .characterList li:last-child { padding: 0 0 12.0rem; }

.headerContainer .linkContainer .characterList li a { color: #fff; text-align: center; line-height: 1.8; }

.headerContainer .linkContainer .itemList li { margin: 0 auto 1.5rem; }

.headerContainer .linkContainer .itemList li:last-child { padding: 0 0 12.0rem; }

.headerContainer .linkContainer .itemList li .itemTitle { font-size: 1.25rem; color: #fff; font-family: "Hind Vadodara", sans-serif; font-weight: 600; line-height: 2; padding: 0 5%; border-bottom: 1px solid #fff; position: relative; }

.headerContainer .linkContainer .itemList li .itemTitle::after { content: "\FF0B"; color: #fff; position: absolute; right: 5%; top: 0; }

.headerContainer .linkContainer .itemList li .itemTitle.active::after { content: "\2212"; }

.headerContainer .linkContainer .itemList li .itemInner { padding: 5% 0; width: 90%; margin: 0 auto; display: none; }

.headerContainer .linkContainer .itemList li .itemInner a { color: #fff; line-height: 1.8; font-family: "Hind Vadodara", sans-serif; font-weight: 600; }

@media screen and (min-width: 768px) { .headerContainer { height: auto; } }

@media screen and (min-width: 1023px) { .headerContainer { height: 4.0rem; position: fixed; }
  .headerContainer .main { background-color: #111; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 100%; }
  .headerContainer .logoText { width: 40%; padding: 0 1.0rem; display: block; }
  .headerContainer .logoText a { font-size: 1.4vw; text-align: left; }
  .headerContainer .linkList { width: 30%; margin: 0 1.0rem 0 0; }
  .headerContainer .linkList li { color: #fff; background: #111; border: none; position: relative; }
  .headerContainer .linkList li.is-active::after { content: ""; position: absolute; bottom: -10px; left: 0; height: 100%; width: 100%; background-image: url(../images/polygon.png); background-repeat: no-repeat; background-size: 20px; background-position: center bottom; }
  .headerContainer .linkContainer .content { height: 30vh; padding: 2.5rem 0; background: #fff; border-bottom: 3px solid #111; }
  .headerContainer .linkContainer .divisionInner.is-show { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0 1.0rem; }
  .headerContainer .linkContainer .divisionList.sp { display: none; }
  .headerContainer .linkContainer .divisionList.pc { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .headerContainer .linkContainer .divisionList { width: 88%; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
  .headerContainer .linkContainer .divisionList li { max-width: 130px; margin: 0; width: calc((100% - 7.5rem)/8); }
  .headerContainer .linkContainer .divisionList li.buster, .headerContainer .linkContainer .divisionList li.dirtyLogo { max-width: 180px; }
  .headerContainer .linkContainer .divisionList li.chuoukuLogo { max-width: 100px; }
  .headerContainer .linkContainer .divisionLogo { max-width: 180px; margin: 0; width: 10%; }
  .headerContainer .linkContainer .characterList.is-show { overflow-x: scroll; overflow-y: hidden; white-space: nowrap; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 0 3%; }
  .headerContainer .linkContainer .characterList li { display: inline-block; margin: 0 2.0rem 0 0; }
  .headerContainer .linkContainer .characterList li a { text-align: left; color: #111; border-bottom: 1px solid #fff; }
  .headerContainer .linkContainer .characterList li a:hover { border-bottom: 1px solid #111; }
  .headerContainer .linkContainer .characterList li:last-child { padding: 0; }
  .headerContainer .linkContainer .itemList.is-show { overflow-x: scroll; overflow-y: hidden; white-space: nowrap; height: 50vh; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; padding: 2% 8%; }
  .headerContainer .linkContainer .itemList li { display: inline-block; border-right: 1px solid #111; margin: 0 5.0rem 0 0; padding: 0 5.0rem 0 0; }
  .headerContainer .linkContainer .itemList li .itemTitle { border-bottom: none; font-size: 1.5rem; color: #111; }
  .headerContainer .linkContainer .itemList li .itemTitle::after { display: none; }
  .headerContainer .linkContainer .itemList li .itemInner { display: block; padding: 0 0 0 1.0rem; }
  .headerContainer .linkContainer .itemList li .itemInner a { color: #111; border-bottom: 1px solid #fff; }
  .headerContainer .linkContainer .itemList li .itemInner a:hover { border-bottom: 1px solid #111; }
  .headerContainer .linkContainer .itemList li:last-child { padding: 0; border-right: none; } }

@media screen and (min-width: 1600px) { .headerContainer .linkContainer .itemList.is-show { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .headerContainer .linkList li.is-active::after { bottom: -13px; } }

.footer { background: #000; color: #fff; padding: 5% 5%; }

.footer .footerInner { margin: 0 0 3.5rem; }

.footer .footerContentTitle { border-bottom: 1px dotted #666; position: relative; padding: 0 0 .65rem; margin: 0 0 1.0rem; font-weight: 600; }

.footer .footerContentTitle::after { content: ""; position: absolute; top: -0.3rem; right: 5%; background-image: url(../images/arrow.png); background-position: center; background-repeat: no-repeat; background-size: contain; width: 20px; height: 100%; }

.footer .footerContentTitle.active { border-bottom: none; }

.footer .footerContentTitle.active::after { content: ""; background-image: url(../images/arrow2.png); text-align: center; }

.footer .footerContent { display: none; border-bottom: 1px dotted #666; margin: 0 auto 1.0rem; }

.footer .footerContent p { font-size: .87rem; margin: 0 0 1.0rem; }

.footer .footerContent p a { color: #fff; display: inline; font-weight: 600; }

.footer .footerContent p span { font-size: .7rem; }

.footer .footerContent p img { max-width: 220px; }

.footer .footerNavi { margin: 0 0 2.5rem; }

.footer .footerNavi .footerList li { width: 45%; margin: 0 5% 0 0; border-top: 1px dotted #333; }

.footer .footerNavi .footerList li a { color: #fff; font-size: .75rem; line-height: 3.5; }

.footer .footerNavi .footerList li:nth-child(2n) { margin: 0; }

.footer .footerNavi .footerList li:nth-child(4) { border-bottom: 1px dotted #333; }

.footer .footerNavi .footerList li:nth-child(5) { border-bottom: 1px dotted #333; }

.footer .oricon { width: 40%; margin: 0 auto 1rem; }

.footer .copyright { font-size: .78rem; text-align: center; color: #999; }

@media screen and (min-width: 768px) { .footer { position: relative; }
  .footer .footerContent img { width: 70%; max-width: 100%; }
  .footer .footerNavi { margin: 0 0 10.0rem; }
  .footer .footerNavi .footerList li { width: calc((100% - 10%) / 3); margin: 0 5% 0 0; }
  .footer .footerNavi .footerList li:nth-child(2n) { margin: 0 5% 0 0; }
  .footer .footerNavi .footerList li:nth-child(3n) { margin: 0; border-bottom: 1px dotted #333; }
  .footer .oricon { position: absolute; bottom: 5%; right: 3%; width: 150px; } }

@media screen and (min-width: 1023px) { .footer .footerInner { width: 90%; max-width: 1200px; margin: 0 auto 4.2rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; }
  .footer .footerInner .footerContentContainer { border-right: 1px solid #333; width: calc(100% / 3); padding: 1.0rem 1.25rem 0; }
  .footer .footerInner .footerContentContainer:first-child { border-left: 1px solid #333; }
  .footer .footerContent { display: block; border-bottom: none; }
  .footer .footerContentTitle { border-bottom: none; padding: 0; }
  .footer .footerContentTitle::after { display: none; }
  .footer .footerNavi { margin: 0 auto 4.2rem; }
  .footer .footerNavi .footerList { width: 60%; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .footer .footerNavi .footerList li { width: auto; margin: 0; border-top: none; border-bottom: none; }
  .footer .footerNavi .footerList li a { position: relative; text-align: center; padding: .87rem; }
  .footer .footerNavi .footerList li a::after { content: "/"; color: #fff; position: absolute; top: 1.0rem; right: 0; }
  .footer .footerNavi .footerList li:last-child a::after { content: none; }
  .footer .footerNavi .footerList li:nth-child(2n) { margin: 0; }
  .footer .footerNavi .footerList li:nth-child(3n) { border-bottom: none; }
  .footer .footerNavi .footerList li:nth-child(4) { border-bottom: none; }
  .footer .footerNavi .footerList li:nth-child(5) { border-bottom: none; }
  .footer .oricon { width: 180px; } }

.archive .titleContainer { height: 30vh; margin: 0 0 3.2rem; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.8); box-shadow: 0 0 10px rgba(0, 0, 0, 0.8); }

.archive .titleContainer .title { font-family: "Hind Vadodara", sans-serif; font-weight: 700; font-size: 8vw; }

.archive .contentContainer .itemTabList { padding: 0 10px; margin: 0 0 2.5rem; }

.archive .contentContainer .itemTabList li { width: calc((100% - .78rem) / 2); font-family: "Hind Vadodara", sans-serif; font-weight: 600; text-align: center; cursor: pointer; background: #111; color: #fff; border: 3px solid #111; margin: 0 0 .78rem; padding: .78rem; }

.archive .contentContainer .itemTabList li:first-child { width: 100%; }

.archive .contentContainer .itemTabList li:hover { background: #fff; color: #111; }

.archive .contentContainer .itemTabList li.active { background: #fff; color: #111; }

.archive .contentContainer .contentInner { margin: 0 auto 6.2rem; }

.archive .contentContainer .contentInner .itemList { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; display: none; margin: 0 0 1.25rem; border-collapse: collapse; }

.archive .contentContainer .contentInner .itemList li { -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #111; width: calc(100% / 2); margin: 0 -1px -1px 0; position: relative; overflow: hidden; }

.archive .contentContainer .contentInner .itemList li.is-hidden { display: none; }

.archive .contentContainer .contentInner .itemList li a { padding: 1.0rem; position: relative; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.archive .contentContainer .contentInner .itemList li a span { color: #fff; font-size: .78rem; text-align: center; padding: .65rem; position: absolute; bottom: 0; left: 0; height: 50%; width: 100%; z-index: 2; display: block; }

.archive .contentContainer .contentInner .itemList li a::after { content: ""; position: absolute; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.4); height: 50%; width: 100%; }

.archive .contentContainer .contentInner .itemList.show { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.archive .contentContainer .contentInner .list-btn { cursor: pointer; text-align: center; width: 80%; max-width: 300px; background: #0a0a0a; color: #fff; margin: 2.5rem auto; padding: .65rem 0; }

.archive .contentContainer .contentInner .list-btn.is-btn-hidden { display: none; }

.character .titleContainer { background: #FE0000; -webkit-box-shadow: none; box-shadow: none; }

.character .titleContainer .title { font-size: 10vw; text-align: right; }

.character .titleInner { max-width: 1060px; width: 90%; height: 100%; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }

.character .characterTitleInner { background-image: url(../images/character-sp.png); background-repeat: no-repeat; background-size: 80%; background-position: top 1.0rem left; }

.character .contentContainer .contentInner .contentTitle { font-size: 1.56rem; font-family: "Hind Vadodara", sans-serif; font-weight: 600; margin: 0 0 2.5rem; text-align: center; }

.character .contentContainer .contentInner .itemList { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.division .titleContainer { background: #fff; }

.division .titleContainer .titleInner { max-width: 660px; margin: 0 auto; width: 90%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 5% 0; }

.division .titleContainer .title { font-size: inherit; text-align: center; }

.division .titleContainer .title span { font-size: 4.0vw; line-height: 1.8; text-align: center; display: block; font-weight: 600; }

.division .titleContainer .title img { width: 100%; height: 200px; -o-object-fit: contain; object-fit: contain; -o-object-position: center center; object-position: center center; }

@media screen and (min-width: 768px) { .archive .contentContainer .contentInner .itemList li { width: calc(100% / 4); }
  .archive .titleContainer { height: 20.0rem; }
  .archive .titleContainer .title { font-size: 3.1rem; }
  .character .titleContainer { height: 30.0rem; }
  .character .titleContainer .title { font-size: 7vw; }
  .division .titleContainer .title { font-size: inherit; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .division .titleContainer .title span { font-size: 3vw; width: 100%; }
  .division .titleContainer .title img { width: 100%; height: 100%; } }

@media screen and (min-width: 1023px) { .archive .titleContainer { margin: 0 auto 6.2rem; }
  .archive .titleContainer .title { font-size: 3.7rem; }
  .archive .contentContainer .itemTabList { width: 95%; max-width: 1060px; margin: 0 auto 6.2rem; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; }
  .archive .contentContainer .itemTabList li { width: calc((100% - 60px)/ 4); margin: 0 20px 1.0rem 0; }
  .archive .contentContainer .itemTabList li:first-child { width: calc((100% - 60px)/ 4); }
  .archive .contentContainer .itemTabList li:nth-child(4n) { margin: 0 0 1.0rem; }
  .archive .contentContainer .contentInner { max-width: 1500px; width: 95%; margin: 0 auto 12.0rem; }
  .archive .contentContainer .contentInner .itemList li { width: calc(100%/6); position: relative; }
  .archive .contentContainer .contentInner .itemList li a { position: absolute; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }
  .archive .contentContainer .contentInner .itemList li a::after { content: ""; position: absolute; top: 0; left: -100%; height: 100%; background: rgba(0, 0, 0, 0.8); }
  .archive .contentContainer .contentInner .itemList li a span { opacity: 0; height: 100%; }
  .archive .contentContainer .contentInner .itemList li a img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; }
  .archive .contentContainer .contentInner .itemList li a:hover span { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-animation: fadeIn .3s ease forwards; animation: fadeIn .3s ease forwards; }
  .archive .contentContainer .contentInner .itemList li a:hover::after { -webkit-animation: hoverAnim .3s ease-in-out forwards; animation: hoverAnim .3s ease-in-out forwards; }
  .archive .contentContainer .contentInner .itemList li:before { content: ""; display: block; padding-top: 100%; }
  .character .titleContainer { margin: 0 auto 4.2rem; }
  .character .titleContainer .title { font-size: 4.5rem; }
  .character .characterTitleInner { width: 100%; background-image: url(../images/character-pc.png); background-size: contain; background-position: bottom left; }
  .division .titleContainer { margin: 0 auto 4.2rem; }
  .division .titleContainer .titleInner { padding: 3% 0; }
  .division .titleContainer .title { font-size: inherit; }
  .division .titleContainer .title span { font-size: 1.8rem; }
  .division .titleContainer .title img { width: auto; height: 100%; } }

.single .itemImageContainer { padding: 1.25rem 10px; margin: 0 auto 3.2rem; }

.single .itemImageContainer .itemImageInner { border: 5px solid #111; margin: 0 auto 1.25rem; padding: 20px 10px; }

.single .itemImageContainer .itemImageInner img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: center; object-position: center; }

.single .itemImageContainer .itemImageTabList { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; }

.single .itemImageContainer .itemImageTabList li { width: 90px; height: 90px; border: 3px solid #D6D6D6; position: relative; padding: .3rem; margin: 0 .5rem .5rem 0; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.single .itemImageContainer .itemImageTabList li:last-child { margin: 0 0 .5rem; }

.single .itemImageContainer .itemImageTabList li.active { border: 3px solid #FE0000; }

.single .itemImageContainer .itemImageTabList li img { max-height: 90%; -o-object-fit: contain; object-fit: contain; }

.single .detailContainer { padding: 0 10px; margin: 0 auto 3.2rem; }

.single .detailContainer .title { text-align: left; font-size: 4.5vw; line-height: 1.8; }

.single .detailContainer .text { font-weight: 600; white-space: pre-wrap; word-break: break-all; line-height: 1.5; }

.single .detailContainer .text1 { font-family: -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif; line-height: 1.5; font-size: 14px; white-space: pre-wrap; word-wrap: break-word; }

.single .detailContainer img { max-width: 250px; margin: 10px auto; }

.single .selectContainer { margin: 0 auto 6.2rem; padding: 0 10px; }

.single .selectContainer button, .single .selectContainer select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: transparent; color: #111; border-radius: 0; font: inherit; outline: none; }
.soldout{    
    border: none !important;
    background: #ccc !important;
    color: #fff !important;
    line-height: 2.5 !important;
    text-decoration: none !important;
    display: block !important;
    width: 100% !important;
    font-size: 1.2em !important;
    text-align: center !important;
}
.soldout02 {
    color: #a0a0a0;
    background: #a0a0a0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 95%;
    font-weight: 600;
    text-align: center;
    border-radius: 15px;
    width: 100%;
    padding: 0.8rem;
    border: none;
    color: #fff;
    font-size: 1.25em;
    letter-spacing: 1px;
}

.single .selectContainer .selectInner { position: relative; margin: 0 0 1.25rem; background-image: url(../images/arrow-black.png); background-repeat: no-repeat; background-size: 1.25rem; background-position: center right 5%; }

.single .selectContainer .selectInner select { width: 100%; border: 3px solid #111; padding: .65rem; position: relative; z-index: 2; }

.single .selectContainer .button { color: #fff; background: #FE0000; font-weight: 600; text-align: center; width: 100%; padding: 1.0rem; cursor: pointer; border: 3px solid #FE0000; }

.single .selectContainer .button:hover { background: #fff; color: #FE0000; }

@media screen and (min-width: 768px) { .single .itemImageContainer, .single .detailContainer, .single .selectContainer { max-width: 700px; }
  .single .detailContainer .title { font-size: 1.5rem; } }

@media screen and (min-width: 1023px) { .single .itemImageContainer, .single .detailContainer, .single .selectContainer { max-width: 100%; padding: 0; }
  .single section { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; max-width: 1500px; margin: 0 auto 12.5rem; width: 90%; padding: 5.0rem 0 0; }
  .single .itemImageContainer { width: 45%; padding: 0; }
  .single .detailLargeContainer { width: 45%; }
  .single .detailContainer .title { font-size: 1.8vw; }
  .single .selectContainer { width: 50%; margin: 0; } }

.info .titleContainer h2 span { display: block; font-size: 1.25rem; margin: 1.0rem 0 0; text-align: center; }

.info .contentContainer { width: 90%; max-width: 800px; margin: 0 auto 6.2rem; }

.info .contentContainer p { text-align: justify; }

.info .contentContainer p a { display: inline; color: #FE0000; border-bottom: 1px solid #FE0000; }
/*# sourceMappingURL=style.css.map */