@charset "UTF-8";
main.cntnt {
    padding-top: 150px;
}
@media (max-width: 768px) {
  main.cntnt {
    padding-top: 120px;
}
}
/** BD-DVD（product） ***********************/
h3.releaseDate {
    font-size: clamp(24px, 4.6875vw, 60px);
    line-height: 1.5em;
    font-weight: 900;
    color: #f08200;
    width: 80%;
    max-width: 590px;
    margin: auto;
    text-align: center;
    border-bottom:8px solid #f08200;
}
#productWrap .series {
    text-align: center;
    font-size: clamp(18px, 3.125vw, 40px);
    line-height: 1.5em;
    font-weight: 900;
    border-bottom: 1px solid #fff;
    padding-bottom: 0.25em;
}
#productWrap .boxWrap {
    width: 100%;
    margin: 1em auto 1.5em;
}
h3.productTit-L {
    color: #ef8200;
    font-size: clamp(18px, 3.75vw, 48px);
    line-height: 1.25em;
    font-weight: 900;
    text-align: center;
    margin-bottom: 0.5em;
}
h3.productTit-L small {
    font-size: clamp(12px, 2.8125vw, 36px);
}
h3.productTit-S {
    font-size: clamp(16px, 1.875vw, 24px);
    line-height: 1.5em;
    font-weight: 900;
    text-align: center;
    padding: 0.5em auto 1em;
}
.boxWrap .phArea {
    width: 100%;
}
.boxWrap .phArea figure {
    width: 30%;
    margin: auto;
}
.boxWrap .spec {
    text-align: center;
        font-size: clamp(14px, 1.40625vw, 18px);
    line-height: 1.5em;
    font-weight: 700;
    margin: 0.5em auto;
}
.boxWrap .infoTxt {
    width: 100%;
    max-width: 640px;
    margin: auto;
    font-weight: 500;
    border-top: 1px dotted #999;
    padding-top: 0.75em;
}
.infoTxt ul.infoInner {
    font-size: 0;
    width: 100%;
    font-size: clamp(12px, 1.25vw, 16px);
    line-height: 1.8em;
}
.infoTxt ul.infoInner li {
    display: inline-block;
    vertical-align: top;
}
.infoTxt ul.infoInner li:nth-child(1) {
    width: 16%;
    text-align: right;
}
.infoTxt ul.infoInner li:nth-child(2) {
    width: 83%;
}
.infoTxt ul.infoInner li span {
   color: #f08200;
}

#box-1_s {
    background: url("../product/img/box-1_s.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 116%;
}
#box-2_s {
    background: url("../product/img/box-2_s.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 116.5%;
}
#box-3_s {
    background: url("../product/img/box-3_s.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 115.625%;
}
#box-4_s {
    background: url("../product/img/box-4_s.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 128.125%;
}

#bddvdImg004 {
    background: url("../product/img/bddvdImg004.jpg");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
    padding-top: 116%;
}
#bddvdImg005 {
    background: url("../product/img/bddvdImg005.jpg");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
    padding-top: 116%;
}
#bddvdImg006 {
    background: url("../product/img/bddvdImg006.jpg");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
    padding-top: 116%;
}
#bddvdImg007 {
    background: url("../product/img/bddvdImg007.jpg");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
    padding-top: 116.25%;
}
#bddvdImg008 {
    background: url("../product/img/bddvdImg008.jpg");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
    padding-top: 116%;
}
#bddvdImg009 {
    background: url("../product/img/bddvdImg009.jpg");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
    padding-top: 124.375%;
}
#bddvdImg010 {
    background: url("../product/img/bddvdImg010.jpg");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
    padding-top: 124%;
}
#bddvdImg011 {
    background: url("../product/img/bddvdImg011.jpg");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
    padding-top: 124.2%;
}
#bddvdImg012 {
    background: url("../product/img/bddvdImg012.jpg");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
    padding-top: 141.25%;
}
#bddvdImg013 {
    background: url("../product/img/bddvdImg013.jpg");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
    padding-top: 140.75%;
}
#bddvdImg101 {
    background: url("../product/img/bddvdImg101-2.jpg");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 100% auto;
/*    padding-top: 116.25%;*/
        padding-top: 139.8%;
}
#bddvdImg102 {
    background: url("../product/img/bddvdImg102.jpg");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 100% auto;
/*    padding-top: 127.9%;*/
        padding-top: 139.8%;
}
#bddvdImg103 {
    background: url("../product/img/bddvdImg103.jpg");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
    padding-top: 139.8%;
}


ul.onsaleWrap {
    font-size:0;
    display: flex;
    flex-wrap: wrap;
justify-content: center;
}
ul.onsaleWrap li.productInfo {
    display: inline-block;
    vertical-align: top;
    width: 31.3%;
    font-size: clamp(12px, 1.40625vw, 18px);
    line-height: 1.5em;
    margin: 1% 1%;
    text-align: center;
    border: 1px solid #999;
    padding: 1em ;
}
ul.onsaleWrap li.productInfo .jktPH{
    width: 100%;
    margin: 0 auto 1em;
}
.btnWrapB {
    width: 100%;
    max-width: 320px;
    background: #6fb92c;
    color: #000;
    font-weight: 900;
    font-size: clamp(14px, 1.875vw, 24px);
    line-height: 2.5em;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 1em auto 0;
}

@media (max-width: 768px) {
   h3.releaseDate {
    border-bottom:4px solid #f08200;
} 
    .boxWrap .phArea figure {
    width: 60%;
    margin: auto;
}
.boxWrap .spec span {
    display: inline-block;
}
    .infoTxt ul.infoInner {
        max-width: 480px;
        margin: auto;
    }
.infoTxt ul.infoInner li {
    display: inherit;
    vertical-align: top;
}
.infoTxt ul.infoInner li:nth-child(1) {
    width: 100%;
    text-align: left;
}
.infoTxt ul.infoInner li:nth-child(2) {
    width: 100%;
    margin-left: 1em;
}
    
    ul.onsaleWrap {
    width: 100%;
/*    max-width: 360px;*/
    margin: auto;
        display: flex;
        flex-wrap: wrap;
    }
    ul.onsaleWrap li.productInfo {
        width: 100%; 
         margin: 1em 0;
        padding: 1.5em;
    }
    li.productInfo .jktPH {
         width: 80%;
        max-width: 240px;
    }
}


/** 作品紹介（works） ***********************/
ul.worksArea {
font-size: 0;
    display: flex;
    flex-wrap: wrap;
}
ul.worksArea li {
    display: inline-block;
    vertical-align: top;
    font-size: clamp(12px, 1.25vw, 16px);
    line-height: 1.8em;
    font-weight: 700;
    width: 48%;
    margin: 1%;
    border:1px solid #666;
    padding: 0.75em;
}

.worksInner {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    vertical-align: top;
    font-size: clamp(12px, 1.25vw, 16px);
    line-height: 1.5em;
    font-weight: 500;
    padding: 0;
    margin: 0;
    justify-content: space-between;
}
.worksInner .jktPH{
    width: 40%;
}
.worksInner .info{
    width: 58%;
}
.workTitle {
    font-size: clamp(18px, 1.875vw, 24px);
    line-height: 1.25em;
    font-weight: 900;
    margin-bottom: 0.75em;
}
.worksRelease {
    font-size: clamp(14px, 1.40625vw, 18px);
    line-height: 1.25em;
    font-weight: 900;
    color: #f08200;
}
.worksStaff {
    margin-bottom: 1em;
}
.worksStaff span {
    color: #6fb92c;
}
.worksArea .copyright {
   font-size: clamp(11px, 1.09375vw, 14px);
    line-height: 1.25em; 
    color: #999;
    font-weight: 500;
    letter-spacing: -0.025em;
    padding-top: 0.75em;
}
#worksImg001 {
    background: url("../works/img/worksImg001.jpg");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
    padding-top: 141%;
}
#worksImg002 {
    background: url("../works/img/worksImg002.jpg");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
    padding-top: 141%;
}
#worksImg003 {
    background: url("../works/img/worksImg003.jpg");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
    padding-top: 141.25%;
}
#worksImg004 {
    background: url("../works/img/worksImg004.jpg");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
    padding-top: 141.25%;
}
#worksImg005 {
    background: url("../works/img/worksImg005.jpg");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
    padding-top: 141.25%;
}
#worksImg006 {
    background: url("../works/img/worksImg006.jpg");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
    padding-top: 141.25%;
}
#worksImg007 {
    background: url("../works/img/worksImg007.jpg");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
    padding-top: 141%;
}
#worksImg008 {
    background: url("../works/img/worksImg008.jpg");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
    padding-top: 141.25%;
}
#worksImg009 {
    background: url("../works/img/worksImg009.jpg");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
    padding-top: 141.45%;
}
#worksImg010 {
    background: url("../works/img/worksImg010.jpg");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
    padding-top: 141.45%;
}
#worksImg011 {
    background: url("../works/img/worksImg011.jpg");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
    padding-top: 141.45%;
}
#worksImg012 {
    background: url("../works/img/worksImg012.jpg");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
    padding-top:141.45%;
}
#worksImg013 {
    background: url("../works/img/worksImg013.jpg");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
    padding-top: 141.25%;
}
@media (max-width: 768px) {
    ul.worksArea li {
    display: block;
    vertical-align: top;
    width: 100%;
    margin: 2%;
    border:1px solid #666;
/*        text-align: center;*/
}
    .worksInner .jktPH{
    width: 80%;
        max-width: 240px;
        margin: 0 auto 1em;
}
.worksInner .info{
    width: 96%;
    margin: auto;
}
    .workTitle, .worksRelease, .worksInner .copyright {
        text-align: center;
    }
    .worksStaff {
        text-align: center;
        border-bottom: 1px dotted #999;
        padding-bottom: 1em;
    }
}

/** キャラクター ***********************/
.lineA {
    border-bottom: 1px solid #6fb92c;
    padding-top: 3em;
    margin-bottom: 3em;
}
ul.gameraWrap {
    width: 100%;
    max-width: 984px;
    margin: auto;
    font-size: 0;
}

ul.gameraWrap li.charaInfo {
    display: inline-block;
    vertical-align: top;
    width: 48%;
    font-size: clamp(12px, 1.40625vw, 18px);
    line-height: 1.5em;
    margin: 0 1%;
    text-align: left;
}
ul.monsterWrap {
    width: 100%;
    max-width: 1200px;
    margin: auto;
    font-size: 0;
    text-align:center;
}
ul.monsterWrap li.charaInfo {
    display: inline-block;
    vertical-align: top;
    width: 31.3%;
    font-size: clamp(12px, 1.40625vw, 18px);
    line-height: 1.5em;
    margin: 1% 1%;
    text-align: left;
}

li.charaInfo .phArea {
    width: 100%;
    border: 4px solid #ef8200;
}
li.charaInfo h3 {
    color: #ef8200;
    font-size: clamp(18px, 3.75vw, 48px);
    line-height: 1.25em;
    font-weight: 900;
}
li.charaInfo  h3 small {
    font-size: clamp(14px, 2.34375vw, 30px);
}
li.charaInfo em {
    color: #6fb92c;
    font-weight: 500;
    font-style: normal;
}
#ph_gamera-s {
    background: url("../character/img/ph_gamera-s.jpg");
    background-size: cover;
    padding-top: 100%;
    background-repeat: no-repeat;
}
#ph_gamera-h {
    background: url("../character/img/ph_gamera-h.jpg");
    background-size: cover;
    padding-top: 100%;
    background-repeat: no-repeat;
}
#ph_barugon {
    background: url("../character/img/ph_barugon.jpg");
    background-size: cover;
    padding-top: 100%;
    background-repeat: no-repeat;
}
#ph_gyaosu {
    background: url("../character/img/ph_gyaosu.jpg");
    background-size: cover;
    padding-top: 100%;
    background-repeat: no-repeat;
}
#ph_bairasu {
    background: url("../character/img/ph_bairasu.jpg");
    background-size: cover;
    padding-top: 100%;
    background-repeat: no-repeat;
}
#ph_giron {
    background: url("../character/img/ph_giron.jpg");
    background-size: cover;
    padding-top: 100%;
    background-repeat: no-repeat;
}
#ph_jaiga {
    background: url("../character/img/ph_jaiga.jpg");
    background-size: cover;
    padding-top: 100%;
    background-repeat: no-repeat;
}
#ph_jigura{
    background: url("../character/img/ph_jigura.jpg");
    background-size: cover;
    padding-top: 100%;
    background-repeat: no-repeat;
}
#ph_gyaosu-h{
    background: url("../character/img/ph_gyaosu-h.jpg");
    background-size: cover;
    padding-top: 100%;
    background-repeat: no-repeat;
}
#ph_region{
    background: url("../character/img/ph_region.jpg");
    background-size: cover;
    padding-top: 100%;
    background-repeat: no-repeat;
}
#ph_irisu{
    background: url("../character/img/ph_irisu.jpg");
    background-size: cover;
    padding-top: 100%;
    background-repeat: no-repeat;
}
#ph_gamera-toto{
    background: url("../character/img/ph_gamera-toto.jpg");
    background-size: cover;
    padding-top: 100%;
    background-repeat: no-repeat;
}
#ph_jidasu{
    background: url("../character/img/ph_jidasu.jpg");
    background-size: cover;
    padding-top: 100%;
    background-repeat: no-repeat;
}

#rebirthLink {
    width: 90%;
    max-width: 920px;
    margin: 1em auto;
    border: 4px solid #6fb92c;
    text-align: center;
    color: #ef8200;
    font-size: clamp(16px, 2.8125vw, 36px);
    line-height: 1.8em;
    font-weight: 900;
}
#rebirthLink i {
    padding-left: 0.5em;
    color: #6fb92c;
}

@media (max-width: 768px) {
    .lineA {
    border-bottom: 1px solid #6fb92c;
    padding-top: 1.5em;
    margin-bottom: 1.5em;
}
    ul.gameraWrap,  ul.monsterWrap  {
    width: 100%;
    max-width: 640px;
    margin: auto;
    font-size: 0;
}
    ul.monsterWrap li.charaInfo {
      width: 48%; 
         margin: 2% 1%;
    }
    li.charaInfo .phArea {
    border: 1px solid #ef8200;
}
li.charaInfo p span {
    display: inline-block;
}
    #rebirthLink span {
        display: inline-block;
    }
}