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

#container{
    color: #fff;
    text-align: left;
}
.pc{ display: block;}
.sp{ display: none;}

.btn a:hover{opacity: 0.7;}

#FooterShare {
    background: #f5f5f5;
    padding: 15px;
    margin-bottom: 0!important;
    margin-top: 0!important;
    padding-bottom: 5%;
}

ruby > rt {
    font-size: 30%;
    text-align: start;
}

/*背景 --------------------------- */
#bgImage{
    background-image: url("../image/bgImage_pc.jpg");
    background-repeat: no-repeat;
    background-position: unset;
    background-size: cover;
    background-attachment: fixed;
}

/*コンテンツ ---------------------- */
#container{
    width: 100%;
    max-width: 980px;
    font-family:"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro W3","Hiragino Mincho Pro",'游明朝','Yu Mincho',"メイリオ",YuMincho, serif;
    background: rgba(0,0,0,0.7);
    padding: 0 0 1rem 0;
    margin: 0rem auto 3rem;
    font-feature-settings: "palt";
}

/*メインイメージ ------------------- */
    .mainImage{ width: 100%;}

    /*リード文*/
    .leadSentenceBox{
        width: 100%;
        text-align: center;
        padding: 0 3rem;
    }
    .leadSentenceBox h2{
        font-size: 1.6rem;
        line-height: 1.6;
        font-weight: lighter;
        font-feature-settings: "palt";
    }

.leadSentence a{color: #5cfff9!important;
    text-decoration: underline!important;}


    .dmac{
        font-family:"ヒラギノ角ゴ Pro W3","HIragino Kaku Gothic Pro W3","HIragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
        text-align: center;
        font-size: 2rem;
        font-weight: bold;
        padding: 0.5rem;
        margin: 3rem 0;
    }

/*スペック -------------------------- */
.PurchaseBox{
    background: #000;
    width: 90%;
    max-width: 884px;
    border: #fff 1px solid;
    padding: 2.6rem 2rem 2rem;
    margin: 0 auto ;
    font-feature-settings: "palt";
}
.PurchaseBox .btn{
    width: 100%;
    max-width: 390px;
    margin: 0 auto;
}

.PurchaseBox li:first-child{margin-bottom: 15px;}

.PurchaseBox .textG{
        font-family:"ヒラギノ角ゴ Pro W3","HIragino Kaku Gothic Pro W3","HIragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
        text-align: center;
        font-size: 1.2rem;
        padding: 0.5rem;
        margin: 2rem 0;
    }
.PurchaseBox .textGs{
        font-family:"ヒラギノ角ゴ Pro W3","HIragino Kaku Gothic Pro W3","HIragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
        text-align: left;
        font-size: 0.8rem;
    }
.link{ color:#5cfff9!important; text-decoration: underline!important; }

/*商品 ---------------------- */
.contentBox{ 
    width: 100%;
    margin: 6rem auto 0;
    position: relative;
}

.artMain{
    position: relative;
}
.artImg{}

.artTitlebox{ width: 100%; position: relative;}
.artTitleT{
    position: absolute;
    left: 0;
    top: -0.76rem;
}
.artTitleB{
    position: absolute;
    right: 0;
    bottom: -0.9rem;
}

/*鬼札覇王絵巻 タイトル*/
.art1Tite{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    background: rgb(255, 255, 0);
    background: linear-gradient(90deg, rgba(255, 255, 0, 0.95), rgba(255, 255, 0, 0.65) 65%, rgba(255, 255, 0, 0) 100%);
    padding: 0.5rem 0.8rem;
}

.art1Tite p {
    font-size: 0.8rem;
    color: #fff9dc;
    padding: 0 1rem 0 0;
    text-shadow:#71592a 1px 0px 1px, #71592a -1px 0px 1px,
 #71592a 0px -1px 1px, #71592a -1px 0px 1px,
 #71592a 1px 1px 1px, #71592a -1px 1px 1px,
 #71592a 1px -1px 1px, #71592a -1px -1px 3px,
 #71592a 1px 1px 1px, #71592a 0px 1px 1px,
 #71592a 1px -1px 1px, #71592a -1px -1px 1px,
 #71592a 1px 1px 1px, #71592a -1px 1px 1px,
 #71592a 1px -1px 1px, #71592a -1px -1px 1px,
 #71592a 1px 1px 1px, #71592a -1px 1px 1px,
 #71592a 1px -1px 2px, #71592a -1px -1px 1px;
}

.art1Tite h3 {
    color: #fff9dc;
    font-size: 1.8rem;
    font-weight: lighter;
    line-height: 1.2;
    border-left: #634813 1px solid;
    font-feature-settings: "palt";
    padding: 1rem;
    text-shadow:#71592a 1px 0px 1px, #71592a -1px 0px 1px,
 #71592a 0px -1px 1px, #71592a -1px 0px 1px,
 #71592a 1px 1px 1px, #71592a -1px 1px 1px,
 #71592a 1px -1px 1px, #71592a -1px -1px 3px,
 #71592a 1px 1px 1px, #71592a 0px 1px 1px,
 #71592a 1px -1px 1px, #71592a -1px -1px 1px,
 #71592a 1px 1px 1px, #71592a -1px 1px 1px,
 #71592a 1px -1px 1px, #71592a -1px -1px 1px,
 #71592a 1px 1px 1px, #71592a -1px 1px 1px,
 #71592a 1px -1px 2px, #71592a -1px -1px 1px;
}

.art1Tite p{
    font-size: 0.8rem;
    color : #fff; 
    padding: 0 1rem 0 0;
}
.art1Tite h3{
    color: #fff;
    font-size: 1.8rem;
    font-weight: lighter;
    line-height: 1.2;
    border-left: #a3a3a3 1px solid;
    font-feature-settings: "palt";
    padding: 1rem;
}
.border{
   display: block;
    width: 100%;
    height: 2px;
    background:rgba(50,122,233,1.00);
    background: linear-gradient(90deg, rgba(255, 255, 0, 1.00) 0%, rgba(50,122,233, 1) 100%);
}
.contentTitle{
	
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    padding: 0.2rem 0 0.2rem;
	background: rgba(0,0,0,0.50);
}

.contentTitle2 {
	font-size: 1.8rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    padding: 0.8rem 15px 0.8rem;
    background: rgba(0,0,0,0.50);
}

.contentTitle p{
    padding: 0 1rem 0 0;
}
.contentTitle .conTitle{
    font-size: 2rem;
    line-height: 1.1;
    padding: 0 0 0 1rem;
    font-feature-settings: "palt";
}

/*Bolshack by Toshiaki Takayama タイトル*/
.art1Tite2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    background:rgba(0,187,44,1.00);
    background: linear-gradient(90deg, rgba(29, 117, 236, 0.9) 10%, rgba(240,43,122, 0.6) 100%);
    padding: 0.5rem 0.8rem;
}

.art1Tite2 p{
    font-size: 0.8rem;
    color : #fff1b0; 
    padding: 0 1rem 0 0;
}
.art1Tite2 h3{
    color: #fff1b0;
    font-size: 1.8rem;
    font-weight: lighter;
    line-height: 1.2;
    border-left: #a3a3a3 1px solid;
    font-feature-settings: "palt";
    padding: 1rem;
}
.border2{
   display: block;
    width: 100%;
    height: 2px;
    background: rgb(27, 161, 227);
    background: linear-gradient(90deg, rgba(29, 117, 236, 0.9) 00%, rgba(240,43,122, 0.6) 100%);
}

.playmatBox{
    font-size: 1.2rem;
    text-align: center;
    background: rgb(213,0,0);
    background: linear-gradient(90deg, rgba(213,0,0,0.1) 0%, rgba(213,0,0,0.4) 50%, rgba(213,0,0,0.1) 100%);
    padding: 1rem;
}
.playTitle span{ font-size: 1.6rem; color: #fff1b0;}

.pleyText{
    font-family:"ヒラギノ角ゴ Pro W3","HIragino Kaku Gothic Pro W3","HIragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
    text-align: center;
    font-size: 1.6rem;
    font-weight: bold;
    margin: 0 0 4rem 0;
}
.pleyText span{ color: #fff600;}
.mb2{margin: 2rem auto 2rem!important;}

/*フェアリー・ライブラリー タイトル*/
.art1Tite3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    background: rgb(20,124,209,);
    background: linear-gradient(90deg, rgba(20,124,209,0.90),rgba(20,124,209,0.90) 66%, rgba(20,124,209,0) 100%);
    padding: 0.5rem 0.8rem;
}

.art1Tite3 p{
    font-size: 0.8rem;
    color : #fff1b0; 
    padding: 0 1rem 0 0;
}
.art1Tite3 h3{
    color: #fff1b0;
    font-size: 1.8rem;
    font-weight: lighter;
    line-height: 1.2;
    border-left: #a3a3a3 1px solid;
    font-feature-settings: "palt";
    padding: 1rem;
}
.border3{
   display: block;
    width: 100%;
    height: 2px;
    background: rgb(27,161,227);
    background: linear-gradient(90deg, rgba(27,161,227,1) 0%, rgba(255,234,89,1) 100%);
}

.border4{
   display: block;
    width: 100%;
    height: 2px;
    background: rgb(27,161,227);
    background: linear-gradient(90deg, rgba(255,255,225,1) 0%, rgba(190,190,190,1) 100%);
}


.cardImg{ margin: 0 0 2rem 0;}
.cardImg2{ margin: 0 0 0 0;}

.txt00001{margin: 4px 0 2rem 0; text-align: right; font-size: 12px;}

.leadSentence{
    width: 90%;
    max-width: 880px;
    font-family:"ヒラギノ角ゴ Pro W3","HIragino Kaku Gothic Pro W3","HIragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
    text-align: left;
    font-size: 1.2rem;
    line-height: 1.8;
    padding-left:-1.4rem;
	text-indent:1.4rem;
    margin: 0rem auto 2rem;
}

.leadSentence2{
    width: 90%;
    max-width: 880px;
    font-family:"ヒラギノ角ゴ Pro W3","HIragino Kaku Gothic Pro W3","HIragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
    text-align: left;
    font-size: 1.2rem;
    line-height: 1.8;
    margin: 0rem auto 2rem;
}

.cardBox{ 
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin:1% 2% 4% 2%;
	align-items: flex-end;
}
.cardBox li{
    width:100%;
    margin-bottom: 70px;
}
.cardBox li h5{
    font-family:"ヒラギノ角ゴ Pro W3","HIragino Kaku Gothic Pro W3","HIragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
    text-align: center;
    font-size: 1.2rem;
    margin: 0 0 0.5rem 0;
    padding: 8px;
    border: 2px solid #fff;
    box-sizing: border-box;
}

.cardBox li .chara-box{display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; margin-top: 17px;}
.cardBox li .chara-box img{width: 43%; margin-right: 2%;}
.ord2{margin-right: 0!important; margin-left: 2%; order: 2;}
.cardBox li .chara-box .chara-txt{width: 55%;}

.chara-color{display: flex; width: 100%;}
.chara-color .txt01{width: 25%; border: 2px solid #fff; background: #fff; color: #000; text-align: center;font-size: 13px;padding: 5px; font-weight: bold;line-height: 1.5;}
.chara-color .txt02{ width: 75%; border: 2px solid #fff;text-align: center; font-size: 15px;padding: 5px;}

.chara-greet{display: flex; width: 100%; flex-wrap: wrap; margin-top: 10px; margin-bottom: 20px;}
.chara-greet .txt01{width: 100%; border: 2px solid #fff; background: #fff; color: #000; text-align: center;font-size: 14px;padding: 5px; font-weight: bold;}
.chara-greet .txt02{ width: 100%; border: 2px solid #fff;text-align: left; font-size: 16px;padding: 17px;}

.chara-about{width: 100%;text-align: left; font-size: 18px;line-height: 160%;}

.cardImg-all{max-width: 800px; width: 100%; margin: 0 auto;  display: block;}

.expansion2{display: block;
    width: 100%;
    max-width: 170px;
    margin: 22px auto -9px auto;
    font-size: 1.1rem;
    line-height: 1rem;
    text-align: center;}

.teamwrap{display: flex; align-items: center; justify-content: center; width: 95%; max-width: 800px; margin: 50px auto 15px auto;}
.grouplogo{width: 42%;display: flex; justify-content: center; align-items: center;}
.grouplogo img{width: 80%;}

.team01{width: 50%;border-right:solid #0D6DE0 3px; box-sizing: border-box; margin-right: 3%;color: #0D6DE0; font-weight: bold; text-align: center; font-size: 25px; padding: 1rem 1%;}
.team02{width: 50%;border-right:solid #ff85f4 3px; box-sizing: border-box; margin-right: 3%;color:#ff85f4; font-weight: bold; text-align: center; font-size: 25px; padding: 1rem 1%;}
.team03{width: 50%;border-right:solid #DCB11B 3px; box-sizing: border-box; margin-right: 3%;color:#DCB11B; font-weight: bold; text-align: center; font-size: 25px; padding: 1rem 1%;}

@media screen and (max-width: 640px){
    
    .txt00001{font-size: 11px;}
    
    .cardBox li h5{width: 95%;margin: 0 auto 0.3rem auto;font-size: 0.8rem;}
    .cardBox li .chara-box img{width: 100%; margin-right: 0; margin-bottom: 12px;}
    .ord2{margin-left: 0; order: 0;}
    .cardBox li .chara-box .chara-txt{width: 95%;}
    
    .team01{font-size: 19px;}
    .team02{font-size: 19px;}
    .team03{font-size: 19px;}
}




.card-movieBox{margin: 4% 1% 4% 2%;}
.card-movieBox li{width: 100%;margin: 0 0 5% 0;}
.card-movieBox li .card{display: inline-block;vertical-align: text-bottom;
    width: 30%;
    margin-right: 2%;}
.card-movieBox li .movie{display: inline-block;width: 66.5%;}

.mb6{ margin-bottom: 6rem;}
.mb0{ margin-bottom: 0!Important;}

/*モーダル*/
.productText{
    font-family:"ヒラギノ角ゴ Pro W3","HIragino Kaku Gothic Pro W3","HIragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
    text-align: center;
    font-size: 1.2rem;
    margin: 1.5rem 0 0.5rem 0;
}
.expansion{  
    display: block;
    width: 100%;
    max-width: 170px;
    margin: 15px auto 0 auto;
	font-size: 0.6rem;
	line-height: 1rem;
	text-align: center;
}
.expansion img{width: 13%;max-width: 22px;}
.thumPhoto{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 90%;
    margin: 2rem auto;
}
.thumPhoto li{ width: 16%; margin-bottom: 0.6rem;}
.thumPhoto li a img {width: 100%;}
		.modal{
			display: none;
			height: 100vh;
			position: fixed;
			top: 0;
			width: 100%;
            z-index: 100000;
		}
		.modal__bg{
			background: rgba(0,0,0,0.8);
			height: 100vh;
			position: absolute;
			width: 100%;
		}
		.modal__content{
			left: 50%;
			position: absolute;
			top: 50%;
			transform: translate(-50%,-50%);
			width: 50%;
		}
        .productPhoto{ width: 100%; max-width: 500px;}
        .closeBtn {
            display: block;
            width: 170px;
            background-color: #a1a1a1;
            color: #fff;
            text-align: center;
            text-decoration: none;
            padding: 2% 6%;
            margin: 4% auto 0;
            border-radius: 34px;
        }
.cardthum{
    width: 94%;
}
.cardthum li{
    width: 16%;
}

.cardthum2 li{
    width: 16%;
}

/*コメント -------------------- */
.comment{ display: block; margin: 4rem auto;}
.price{
    border: #565656 1px solid;
    padding: 0.5rem;
    width: 100%;
    max-width: 230px;
    text-align: center;
    margin: 0 auto 3rem;
    font-size: 1.2rem;
}

/*特典 -------------------- */
.benefitsText{
    width: 90%;
    max-width: 880px;
    font-family:"ヒラギノ角ゴ Pro W3","HIragino Kaku Gothic Pro W3","HIragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
    text-align: left;
    font-size: 1rem;
    margin: 4rem auto;
}
.benefitsBox {
    color: #fff;
    font-size: 1.2rem;
    text-align: center;
    background: rgb(27,161,227);
    background: linear-gradient(90deg, rgba(29,117,236,0.1) 0%, rgba(29,117,236,0.4) 50%, rgba(29,117,236,0.1) 100%);
    padding: 0.7rem 1rem;
}

.benefitsBox2 {
    color: #fff;
    font-size: 1.2rem;
    text-align: center;
    background: rgb(95,0,213);
    background: linear-gradient(90deg, rgba(95,0,213,0.20) 0%, rgba(95,0,213,0.40) 50%, rgba(95,0,213,0.20) 100%);
    padding: 0.7rem 1rem;
}

.benefitsBox span{color: #fff1b0;font-size: 1.6rem;}
.benefitsBox2 span{color: #fff1b0;font-size: 1.6rem;}

.benefitsname{
    font-size: 0.9rem;
    font-family:"ヒラギノ角ゴ Pro W3","HIragino Kaku Gothic Pro W3","HIragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
    text-align: center;
    margin: 2rem auto 0;
}

.benefitscardBox {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 1% auto 1%;
    width: 90%;
}
.benefitscardBox li{ width: 21%;}
.mb4 {
    margin-bottom: 4rem;
}

/*ページトップ -------------------- */
#page_top {
    position: fixed;
    right: 22px;
    bottom: -120px;
    z-index: 100000;
}

.movieIn01 {
    text-align: center;
}

.movieIn01{
    width: 90%;
    max-width: 744px;
    margin: 1rem auto 3rem auto;
    position: relative;
    }
.movieIn01 iframe {
    width: 100%;
    max-width: 790px;
    height: 418px;
    padding: 1%;
    border: #ffec6a 1px solid;
}

.movieIn02{
    width: 100%;
    max-width: 744px;
    margin: 0 auto;
    position: relative;
    }
.movieIn02 iframe {
    width: 100%;
    max-width: 790px;
    height: 380px;
    padding: 1%;
    border: #ffec6a 1px solid;
}

.movieIn02 video {
    width: 100%;
    max-width: 790px;
    height: 380px;
    padding: 1%;
    border: #ffec6a 1px solid;
}

.pageTopBtn{ display: none!important;}

.ankerBtn{display: flex;margin-bottom: 3rem; justify-content: center;}
.ankerBtn li{margin:0 20px;}
.ankerBtn li img{}
.ankerBtn li a{display: block; margin-top: 10px;}
.ankerBtn li a:hover{opacity: 0.7;}

.nizi{text-align: center; max-width:796px; margin: 10px auto 40px auto;cursor: pointer;}
.nizi:hover{opacity: 0.8;}
.modal-ttl{background: #000!important;}

.banner_tf{width: 80%;display: block;
    max-width: 750px;
    margin: 0 auto 30px auto;}


.fullart{width: 98%!important;
    margin: 80px auto 0 auto!important;}
.fullart img{display: block; margin: 0 auto;}

.modal__content_90vh{overflow-y: scroll;
    max-height: 90vh;}


.nameplate{width: 90%; max-width: 750px; margin: 7rem auto 0 auto;}
.nameplate img{max-width: 250px; display: block; text-align: center;margin: 0 auto 10px auto;}
.nameplate p{text-align: center; font-size: 17px;margin: 0 auto 0 auto;line-height: 180%;}

.upright{text-orientation:upright; writing-mode:vertical-rl; height: 76vh;overflow-y: auto;
    width: 94%;
    margin: 0 auto; padding-bottom: 1rem;}
.upright h4{width: auto;margin:0rem 0rem 0rem 2rem;}
.uprightTxt{color: #c8c8c8; font-weight: bold; text-align:center; font-size: 18px; margin-bottom: 16px; background: #3a3a3a;}

.upright::-webkit-scrollbar {
  background: #000;
    border-radius: 20px;
}
.upright::-webkit-scrollbar-thumb {
  background-color:#3a3a3a;
border-radius: 20px;
}

.honyaku{border: 2px solid #fff;
    color: #fff;
    font-size: 20px;
    text-align: center;
    width: 90%;
    margin: 0 auto 16px auto;
    padding: 9px 0;}

.artimg0001{display: block; margin: 40px auto 0 auto;}

.productPhoto.wide01{max-width: 700px!important;}




@media screen and (max-width: 640px){
    
    .honyaku{
    font-size: 15px;}
    
    .upright{height: 92vh;}
    .uprightTxt {font-size: 14px;}
	
.nameplate p{font-size: 16px;margin: 0 auto 0 auto;}
	
	.fullart{width: 100%!important;}
	
	#FooterShare{padding-bottom: 16%;}
	
html{background: #000;}    
.pc{ display: none;}
.sp{ display: block;}
    
/*背景 --------------------------- */
#bgImage{
    background: none;
}
#bgImage::before{
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100vh;
    background-color: #000;
    background-image: url("../image/bgImage_sp.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
    
/*コンテンツ ---------------------- */
#container{
    margin: 0 auto 4rem;
    background: rgba(0,0,0,0.7);
    padding: 0;
}
    .contentBox{ margin: 4rem auto 0;}
.contentTitle{padding:0;}
	
.contentTitle2 {
    padding: 10px;font-size: 1.2rem;
}
	
    .contentTitle p{ padding: 0;}
.contentTitle p img{ width: 70%; }    
.contentTitle .conTitle{ font-size: 1.3rem; padding: 0;font-weight: 100;}
    
/*メインイメージ ------------------- */
    /*リード文*/
    .leadSentenceBox{
        padding: 0rem;
        margin: 0 auto;
    }
    .leadSentenceBox h2{ font-size: 1.1rem;}
    
    .dmac{ font-size: 1.3rem;}
    
    .PurchaseBox{
        line-height: 1.4;
        padding: 2.6rem 1rem 2rem;
    }
    .PurchaseBox .btn{ max-width:300px; }
    .PurchaseBox .textG{ font-size: 1rem; margin: 1.2rem 0;}
    .PurchaseBox .textGs{
        width: 90%;
        margin: 0 auto;
		font-size: 0.7rem;
    line-height: 1.1rem;
    }
    
/*コンテンツ ---------------------- */    
    .leadSentence{ font-size: 0.9rem; margin: 0 auto 1rem;}
	.leadSentence2{ font-size: 0.9rem; margin: 0 auto 1rem;}
    .artTitleT{ width: 20%; top:-0.4rem;}
    .artTitleB{ width: 20%; bottom:-0.4rem;}
    .art1Tite p{ font-size: 0.8rem;width: 24%;}
    .art1Tite2 p{ font-size: 0.8rem;width: 24%;}
    .art1Tite3 p{ font-size: 0.8rem;width: 24%;}
    .art1Tite h3{ font-size: 1rem; padding: 0.3rem 0.6rem;width: 70%;}
    .art1Tite2 h3{ font-size: 1rem; padding: 0.3rem 0.6rem;width: 70%;}
    .art1Tite3 h3{ font-size: 1rem; padding: 0.3rem 0.6rem;width: 70%;}
	
    .cardBox{ display: block; margin:4% 0% 4% 0%;}
	
	.card-movieBox{width: 90%; margin: 2rem auto;}
.card-movieBox li{width: 100%;margin: 0 0 8% 0;display: flex;
    flex-wrap: wrap;}
.card-movieBox li .card{display: inline-block;
    vertical-align: text-bottom;
    width: 57%;
    margin: 0 auto 4% auto!important;
    margin-right: unset;}
.card-movieBox li .movie{display: inline-block;width: 100%;}
	.movieIn02 iframe {height: 28vh;}
	
	.comment{ display: block; margin: 1.5rem auto 4rem auto;}

    .mb6 { margin-bottom: 4rem;}
	
	.price {margin: 0 auto 2rem;
    font-size: 1rem;}
    
/*スペック -------------------------- */
    /*モーダル*/
    .productText { font-size:0.9rem;padding: 0.6rem 1rem 1rem;}
    .thumPhoto li{ width: 48%;}
    .cardthum{width: 90%; justify-content: space-between;margin: 0.5rem auto 2rem auto;}
    .cardthum li{ width: 48%;}
	.cardthum2 li{ width: 48%;}
    .modal__content{ width: 90%;}
    
    .movieIn01{
        position: relative;
        padding-bottom: 56%;
    }
	
    .movieIn01 iframe{
        position: absolute;
        left: 0;
        top: 0;
        max-width: none;
        height: 100%;
    }
	
	.benefitsText{font-size: 0.9rem; line-height: 1.5rem;}
    
/*プレイマット*/
    .playmatBox{ font-size: 1rem;}
    .pleyText{ font-size: 1.3rem;} 
    .playTitle span{ font-size: 1.4rem;}
    
/*特典*/
    .benefitscardBox li {
    width: 48%;
    margin: 0 0 1rem 0;
}
    .mb2sp{ margin: 0 0 2rem 0;}
	
	.ankerBtn li{margin:0 10px;}
	
.nizi{text-align: center; width: 90%; max-width: 390px; margin: 10px auto 40px auto;cursor: pointer;}
.artImgSP{padding-top: 0;}

}