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

.Bnr-3{display: flex;}
.Bnr-3 .Bnr{margin: 6px;}

.mfp-content .white-popup {max-width: 500px;}

.productCardList li a{color: #000 !important;}

a:hover{opacity: 0.7;}

.featureBanner img {
    width: 100%;
    max-width: 100%;
    height: auto;
}

.listBbtn{
    position: absolute;
    bottom: -0.5%;
    left: 0;
    right: 0;
}


.BtnLink {
    background: #401a7f;
    font-size: 150%;
    padding: 1% 2%;
    margin-bottom: 20px;
    font-weight: bold;
    display: block;
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    text-decoration: none;
    border-radius: 7px;
    border: 2px solid #130031;
    border-bottom: 4px solid #130031;
	color: #ebd81c!important;
	text-decoration: none!important;
}

.BtnLink span {
    font-size: 80%;
}

.sectionFormat04 .featureBanner .img {
    width: 100%;
    max-width: 100%!important;
    margin: 0 auto;
    position: relative;
    z-index: 1;}

.sectionFormat04 .featureBanner .card-title .num {
    width: 15.5%;
}

.sectionFormat04 .featureBanner .card-title .title {
    width: 83.5%;
}

.sectionFormat04 .itemInfo .card-package {
    margin-top: 16px;
}
.sectionFormat04 .itemInfo .card-package2 {
    margin-top: 16px;
}

.sectionFormat04 .itemInfo .card-package img {
    max-width: 90%;
    width: 100%;
}
.sectionFormat04 .itemInfo .card-package2 img {
    max-width: 90%;
    width: 100%;
}

.sectionFormat04 .itemInfo .card-package2 {
    float: left;
    width: 33%;
}

.expansion{display: block;
    width: 100%;
    max-width: 200px;
    margin: 4px auto 0 auto;
    font-size: 0.7rem;
    line-height: 1rem;
    text-align: center;}

.expansion img {
    width: 13%;
    max-width: 22px;
}

.sectionFormat04{position: relative;}
.sectionFormat04:before{background: url("/wp-content/themes/dm2019/img/product/product2022/Bg.jpg") #000 no-repeat;
    background-size:1920px;
    background-position: center;
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -2;
    width: 100%;
    height: 120vh;
    min-height: 120vh;}

#FooterShare {
    background: #fff;
    padding: 0px 0 5% 0;
    margin-top: 4%;
	margin-bottom: 0;
}

.FooterShareBtn {
    padding: 1% 0;
    background: #f5f5f5;
}


.featureBanner{background: #fff;}
#wrapperBG{ padding: 40px 0 0 0; position: relative;}
#wrapperBG a{color: #00eaff; text-decoration: underline;}
#cardlist_wrap{}
	.spcard{
		background-image: url(/wp-content/themes/dm2019/img/product/product2022/titleBg.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size: 200px;}

	.spcardImg{display: inline-block;width: 48%; margin-right: 10px; vertical-align: top;}
	.spcardTxt{display: inline-block;color: #fff!important;width: 45%; text-align: left;}
	.spcardTxt .CardName{color: #fff;font-style: italic; font-weight: bold;font-size: 30px; border-bottom: 2px solid #99700e;  margin-bottom: 15px;}
	.spcardTxt span{font-size: 130%;}
	
	.sectionIn01{ padding: 30px 0; margin: 0px auto 40px auto;}
	.card-title{margin: 0 auto; padding: 0 20px;}
	#breadcrumb{margin: 0 auto;
    background: #363636;
    color: #e1e1e1;
padding: 12px 0px 12px 12px;
width: auto;}

#breadcrumb a{color: #e1e1e1;}

.sectionFormat04 .featureBanner .specs-title-wrap{margin-bottom: 0px!important;}
.sectionFormat04 .itemInfo .card-specs, .sectionFormat04 .itemOther .movie {margin-bottom: 5%;}
.card-specs_new{
	float: right;
	width: 65%;
	border: 2px solid #523570;
	color: #fff;
	padding: 50px 20px;
    font-weight: 100;
    font-size: 16px;
    word-break: break-all;
    text-align: left;
    line-height: 1.5rem;
	background: rgb(2,0,36);
	float: right;
	background: linear-gradient(0deg, rgba(2,0,36,1) 0%, rgba(255,234,190,1) 0%, rgba(6,11,32,0.8) 0%, rgba(63,8,66,0.8) 100%);
	position: relative;
	margin-top: 20px;
    margin-bottom: 20px;
}

.card-specs_new:before{content: url(/wp-content/themes/dm2019/img/product/product2022/card_top.png); transform: scale(1);background-size: contain;position: absolute;left: 0; right: 0; top: -20px; text-align: center;}
.card-specs_new:after{content: url(/wp-content/themes/dm2019/img/product/product2022/card_btm.png); transform: scale(1);background-size: contain;position: absolute;left: 0; right: 0; bottom: -28px; text-align: center;}

.card-specs_newCardlist{font-size: 15px; padding: 0px; background: rgba(0,0,0,0.30); border: 2px solid #887c0a; border-radius: 8px; margin-top: 20px;}
.card-specs_newCardlist h3{font-size: 18px; font-weight: 600; text-align: center;background: #887c0a;padding: 2px 0; margin-bottom: 8px;}

.card-specs_newCardlist p{padding: 0 18px 18px 18px;}

.fontTbu{
	background-image: url(/wp-content/themes/dm2019/img/product/product2022/titleBg.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size: 50%;
    color: #fff;
}

.sectionFormat04 .itemInfo {margin-bottom: 0px!important;}

.sectionFormat04 .subTitle {font-size: 32px!important; border-top: none!important;text-shadow: 0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000;padding: 58px 0 50px 0!important; margin-bottom: 25px!important;}
	
#cardlist_wrap {padding-top: 30px!important;}

.guidebook{display: inline-block;width: 29%; margin: 0 1%;}
.guidebook:hover{opacity: 0.7; transition: 0.3s;}

.guidebook-1{display: inline-block;width: 90%; margin: 0 1%; max-width: 600px;}
.guidebook-1:hover{opacity: 0.7; transition: 0.3s;}

.poster{display: inline-block;width: 43%; margin: 0 1%;}
.poster:hover{opacity: 0.7; transition: 0.3s;}

.movie iframe{
    width: 70%;
    height: 347px;
	border: none;}
.movieBox {
    position: relative;
    width: 100%;
}

.mb18{margin-bottom: 3%!important;}


.catchphrase{color: #ff6c00; background: -webkit-linear-gradient(0deg, #ff6c00, #ffec00); -webkit-background-clip: text; -webkit-text-fill-color: transparent;font-weight: bold; font-size: 33px;position: relative; padding:40px 20px 0px 20px;font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro W3","Hiragino Mincho Pro",'游明朝','Yu Mincho',"メイリオ",YuMincho, serif;max-width: 960px;margin: 0 auto;}

.catchphrase2{color: #FFCE00; font-weight: bold; font-size: 33px;position: relative; padding:40px 20px 0px 20px;font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro W3","Hiragino Mincho Pro",'游明朝','Yu Mincho',"メイリオ",YuMincho, serif;max-width: 960px;margin: 0 auto;}

.catchphrase_report{color: #ff6c00; background: -webkit-linear-gradient(0deg, #ff6c00, #ffec00); -webkit-background-clip: text; -webkit-text-fill-color: transparent;font-weight: bold; font-size: 30px;position: relative; padding:0px 20px 15px 20px;font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro W3","Hiragino Mincho Pro",'游明朝','Yu Mincho',"メイリオ",YuMincho, serif;max-width: 960px;margin: 0 auto;}

.catchphrase span{font-weight: 100;letter-spacing:-.2em;}

.point3{display: flex; color: #fff;text-align: left; margin-bottom: 80px;}
.point3:last-child{margin-bottom: 0px;}

.point3-left{flex-basis: 47%;width: 100%;margin-right: 3%;}
.point3Ttile{color: #ff6c00; background: -webkit-linear-gradient(0deg, #ff6c00, #ffec00); -webkit-background-clip: text; -webkit-text-fill-color: transparent;font-weight: bold; font-size: 30px;position: relative;padding-left: 60px;}
.point3Ttile:before{content: url(/wp-content/themes/dm2019/img/product/product2022/point3icon.png); display: inline-block;transform: scale(0.25);background-size: contain; vertical-align: middle;position: absolute;
  top: -105px;
  left: -85px;}
.point3Txt{font-size: 17px; margin-top: 24px;line-height: 2rem;}

.point3-right{flex-basis: 50%;width: 100%;}
.point3Img{}

.point3-left_2{flex-basis: 47%;width: 100%;margin-left: 3%;order: 2;}
.point3-right_2{flex-basis: 50%;width: 100%;order: 1;}

.world_report{justify-content: center;}
.world_report_cont{width: 100%;margin:0 auto;background: #252525;display: flex;align-items: center;}
.world_report_img{flex-basis: 46%;order: 2;}
.world_report_img img{float: right;}
.world_report_txt{flex-basis: 56%;color: #fff; font-size: 14px; padding: 30px; text-align: left;line-height: 1.6rem;order: 1;display: flex;
    align-items: center; flex-wrap: wrap;}
.world_report_txt p{font-size: 160%; font-weight: 600; margin-bottom: 25px;}
.world_report_txt .txt-italic{font-family:'YuGothic','Yu Gothic', 'Hiragino Kaku Gothic ProN','Meiryo',sans-serif;
    font-style: italic;}

.slick-slide img {
    width: 100%;
    min-height: 470px;
    object-fit: cover;
}

.world_report_cont.hikari{background-image: url(/wp-content/themes/dm2019/img/product/product2022/hikariBg_pc.jpg); background-repeat: no-repeat; background-size: cover; background-position: left bottom;}
.world_report_cont.yami{background-image: url(/wp-content/themes/dm2019/img/product/product2022/yamiBg_pc.jpg); background-repeat: no-repeat; background-size: cover; background-position: left bottom;}
.world_report_cont.mizu{background-image: url(/wp-content/themes/dm2019/img/product/product2022/mizuBg_pc.jpg); background-repeat: no-repeat; background-size: cover; background-position: left bottom;}
.world_report_cont.hi{background-image: url(/wp-content/themes/dm2019/img/product/product2022/hiBg_pc.jpg); background-repeat: no-repeat; background-size: cover; background-position: left bottom;}
.world_report_cont.shizen{background-image: url(/wp-content/themes/dm2019/img/product/product2022/shizenBg_pc.jpg); background-repeat: no-repeat; background-size: cover; background-position: left bottom;}
.world_report_cont.normal{background-image: url("/wp-content/themes/dm2019/img/product/product2022/normal_pc.jpg"); background-repeat: no-repeat; background-size:cover; background-position: left bottom;}

.world_report .slick-prev:before,
.world_report .slick-next:before {
	content: none !important;
}

.world_report .slick-next{
	width: 25px !important;
	height: 96px !important;
	background:url(/wp-content/themes/dm2019/img/product/product2022/arrow_top02@2x.png) center center no-repeat!important;
	background-size:100%!important;
	z-index:10 !important;
}

.world_report .slick-prev{
	width: 25px !important;
	height: 96px !important;
	background:url(/wp-content/themes/dm2019/img/product/product2022/arrow_top01@2x.png) center center no-repeat!important;
	background-size:100%!important;
	z-index:10 !important;
}

.world_report .slick-dots li{
	margin:0 3px !important;
}

.world_report .slick-dots li, .world_report .slick-dots li button {
    width: 25px !important;
    height: 5px !important;
}

.world_report .slick-dots li button:before{
	width:25px !important;
	height:5px !important;
	background:#e476ff;
}

.world_report .slick-dots li,
.world_report .slick-dots li button{
	width:25px !important;
	height:5px !important;
}

.sleeveList{ text-align: center; margin: 0 auto;}
	.sleeveList li{display: inline-block; margin: 0 2%;width: 40%;}
	.battleLink{display: block; text-align: center; color: #fff;border: 2px solid #553C00;
    border-bottom: 4px solid #553C00; background:#A87800; padding: 20px; font-weight: bold; font-size: 20px;text-decoration: none; border-radius: 7px;width: 80%; max-width: 50%; margin: 0 auto;}
	
	.CardListTxt{font-size: 160%; color: #fff; text-align: left; padding: 20px;line-height: 2rem;background: rgba(0,0,0,0.70);}

.camBnr{}
.camBnr img{display: inline-block;width: 49%; margin-bottom: 10px;border: 1px solid #363636;}

.point3Img .two-column{text-align: center;position: relative;}
.point3Img .two-column li{width: 49%; display: inline-block;vertical-align: top;}

.two-column{text-align: center;position: relative;}
.two-column li{width: 49%; display: inline-block;}

.point3Img .two-column li a{font-size: 120%;}
.point3Img .three-column li a{font-size: 120%;}

.ryoumen{position: absolute;
	left: 0;
    right: 0;
    margin: 0 auto;
width: 18%;
    top: 41%;
z-index: 2;}

.point3Img .three-column{text-align: center;}
.point3Img .three-column li{width:32.5%; display: inline-block;vertical-align: top;}

.card-specs_new .three-column{text-align: center; margin-top: 2rem;}
.card-specs_new .three-column li{width:32.5%; display: inline-block;}

.card-specs_newCardlist table{width: 94%; margin: 0 auto;}
.card-specs_newCardlist .table01{margin: 3% auto 0 auto;}
.card-specs_newCardlist .table02{margin: 0 auto 3% auto;}
.card-specs_newCardlist .table03{margin: 0 auto 3% auto;}
.card-specs_newCardlist .table01 td:first-child{text-align:center;}
.card-specs_newCardlist .table02 td:first-child{text-align:center;}
.card-specs_newCardlist .table03 td:first-child{text-align:center;}
.card-specs_newCardlist table tr{margin-bottom: 6px;}
.card-specs_newCardlist table caption{width: 100%;font-weight: bold;}
.card-specs_newCardlist table td:first-child{width: 10%; margin-right: 2%;}
.card-specs_newCardlist table td{width: 90%;vertical-align: top;}

.table_newCardlist_txt{padding: 0;
    width: 94%;
    margin: 0 auto 0 auto;
    font-weight: bold;}

	@media screen and (max-width: 639px){
		
		.card-specs_newCardlist table td:first-child{width: 15%; margin-right: 2%;}
		
		.listBbtn{
    position: absolute;
    bottom: -0.3%;
    left: 0;
    right: 0;
}
		
		.BtnLink {
    background: #401a7f;
    font-size: 150%;
    padding: 1% 2%;
    margin-bottom: 20px;
    font-weight: bold;
    display: block;
    width: 94%;
    max-width: 600px;
    margin: 0 auto;
    text-decoration: none;
    border-radius: 7px;
    border: 2px solid #130031;
    border-bottom: 4px solid #130031;
    color: #ebd81c!important;
    text-decoration: none!important;
}
		
		.expansion {margin: 15px auto 0 auto;}
		
		.BtnLink {padding: 3% 2%;}
		
		.point3Img .three-column{text-align: center;}
.point3Img .three-column li{width:49%; display: inline-block;}
		
		.point3Img .two-column li a{font-size: 100%;}
.point3Img .three-column li a{font-size: 100%;}
		
		.CardListTxt{font-size: 110%;}
		.battleLink{width: 100%; max-width: 100%;}
		
		.sectionFormat04 .featureBanner .img {padding: 0;}
		.sectionFormat04 .featureBanner .card-title .num {width: 100%;}
		.sectionFormat04 .featureBanner .card-title .title {width: 100%;}
		
		.sectionFormat04:before{background-size:430%;background-position: top center;}
		
		#FooterShare {padding: 0px 0 21% 0;margin-top: 4%;margin-bottom: 0;}
		.FooterShareBtn {padding: 3% 0;}
		
		.sectionFormat04 .itemInfo .card-package img {max-width: 200px!important;}
		
		.sectionFormat04 .itemInfo .card-package2 img {max-width: 90%; width: 100%;}
		.sectionFormat04 .itemInfo .card-package2 {float: none; width: 90%;margin: 0 auto 30px auto;}
		
		.Bnr-3{display: inline-block;}
		.Bnr-3 .Bnr{margin: 0 0 8px 0;}
		
		.movie iframe{
		width: 100%;
		position: absolute;
		height: 100%;
		left: 0;
		top: 0;
		}
		.movieBox{
		padding-bottom: 56%;
		}

		.sectionFormat04 .subTitle {
		font-size: 24px!important;
		padding:40px 0 35px 0!important;
		margin-bottom:0px!important;
			}

		.fontTbu{
		background-image: url(/wp-content/themes/dm2019/img/product/product2022/titleBg.png);
		background-repeat:no-repeat;
		background-position:center;
		background-size: 80%!important;
		color: #fff;
		}
		
		.card-specs_new{
			float: right;
			width: 100%;
			font-size: 14px;
		}
		
		.card-specs_newCardlist{font-size: 14px;}
		.card-specs_newCardlist h3{font-size: 16px;}
		
		.mb18{margin-bottom: 8%!important;}
		
		.catchphrase{font-size: 26px;}
		.catchphrase2{font-size: 26px;}
		
		.sectionFormat04 .itemInfo .card-specs, .sectionFormat04 .itemOther .movie {margin-bottom: 5%;}
		
		.guidebook{display: inline-block;width: 29%;margin: 0 1%;}
		.guidebook-1{display: inline-block;width: 90%; margin: 2% auto;}
		
		.poster{display: inline-block;width: 90%; margin: 2% auto;}
		
		.card-title {margin: 0 auto!important; padding: 0 20px!important;}
		
		#wrapperBG{padding: 30px 0;}
		.sectionIn01{padding: 30px 20px;margin: 0px auto 30px auto; width: 95%;}
		.sectionFormat04 .card-specs table td{background-size: 6%,6%,6%,6%,cover;}
		.fontTbu{background-size: 6%,6%,6%,6%,cover;}
		
		.point3{display: flex; flex-wrap: wrap; color: #fff;text-align: left; margin-bottom: 60px;}
		.point3-left{flex-basis: 100%;width: 100%;margin-right: 0;order: 1;}
		.point3-right{flex-basis: 100%;width: 100%;order: 2;}
		
		.point3-left_2{flex-basis: 100%;width: 100%;margin-left: 0;order: 1;}
		.point3-right_2{flex-basis: 100%;width: 100%;order: 2;}
		
		.point3Ttile{font-size: 25px;padding-left: 50px;}
		.point3Txt{font-size: 15px; margin-top: 15px;line-height: 1.8rem;}
		.point3Ttile:before{content: url(/wp-content/themes/dm2019/img/product/product2022/point3icon.png); display: inline-block;transform: scale(0.15);background-size: contain; vertical-align: middle;position: absolute;top: -105px;left: -85px;}
		.point3Img{ margin-bottom: 10px;}
		.world_reportWrap{width:87.8%; margin: 0 auto}
		
		.world_report_cont{flex-basis: 100%; width: 100%;margin-right: 0; margin-bottom: 0px;background: none; flex-wrap: wrap;}
		.world_report_img{flex-basis: 1000%; order: 1;width: 100%; margin: 0 auto; min-height: auto;}
		.world_report_img img{float:none;margin: 0 auto;}
		.world_report_txt{flex-basis: 100%;color: #fff; font-size: 14px; padding: 25px 18px; text-align: left;line-height: 1.6rem;order: 2;height: auto!important;}
		.world_report_txt p{margin-bottom: 18px;}
		
		.world_report_txt.hikari{background-image: url(/wp-content/themes/dm2019/img/product/product2022/hikariBg.jpg); background-repeat: no-repeat; background-size: cover; background-position: bottom;}
		.world_report_txt.yami{background-image: url(/wp-content/themes/dm2019/img/product/product2022/yamiBg.jpg); background-repeat: no-repeat; background-size: cover; background-position: bottom;}
		.world_report_txt.mizu{background-image: url(/wp-content/themes/dm2019/img/product/product2022/mizuBg.jpg); background-repeat: no-repeat; background-size:cover; background-position: bottom;}
		.world_report_txt.hi{background-image: url(/wp-content/themes/dm2019/img/product/product2022/hiBg.jpg); background-repeat: no-repeat; background-size: cover; background-position: bottom;}
		.world_report_txt.shizen{background-image: url(/wp-content/themes/dm2019/img/product/product2022/shizenBg.jpg); background-repeat: no-repeat; background-size: cover; background-position: bottom;}
		.world_report_txt.normal{background-image: url(/wp-content/themes/dm2019/img/product/product2022/normal.jpg); background-repeat: no-repeat; background-size: cover; background-position: bottom;}
		
		.world_report_cont.hikari{background-image:none;}
		.world_report_cont.yami{background-image:none;}
		.world_report_cont.mizu{background-image:none;}
		.world_report_cont.hi{background-image:none;}
		.world_report_cont.shizen{background-image:none;}
		.world_report_cont.normal{background-image:none;}
		
		.camBnr{ padding: 20px;}
.camBnr img{display: inline-block;width: 100%; margin-bottom: 10px;}
		
		.catchphrase ruby{color:#FFCE00; -webkit-text-fill-color: #FFCE00; font-size: 26px;position: relative;font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro W3","Hiragino Mincho Pro",'游明朝','Yu Mincho',"メイリオ",YuMincho, serif;}
		
		.slick-slide img {
    width: 100%;
    min-height: 350px;
    object-fit: cover;
}
		
	}