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

/* コンテンツ幅 フル */
.contentsInr{width:auto;padding:0px;}
/* コンテンツ幅 950px */
.contentsInr .contentsUnit{padding:0 20px;}
@media all and (min-width:740px){
.contentsInr .contentsUnit{width:950px;padding:0px;margin:0 auto;}
}
.mv {
    position: relative;
    font-family: "Noto Sans JP","ヒラギノ角ゴ ProN W3","メイリオ",Meiryo,"MS UI Gothic","Tahoma","Lucida Grande","ヒラギノ丸ゴ Pro W4",sans-serif;
    font-weight: bold;
	padding-bottom: 5.1vw;
	background-image: linear-gradient(to right, #000000 0%, #313131 30%, #313131 70%, #000000 100%);
	background-position: top;
	background-size: cover;
	background-repeat: no-repeat;
	z-index: 0;
}
.mv::before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	width: 100%; 
	height: 100%;
	transform: translateX(-50%);
	background-image: url(/content/dam/sites/wwwjalcojp/jp/ja/campaign/blackflyday/img_sites/2611/bg_special_sp.png);
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
	z-index: -1;
}
.mv__head {
    color: #fff;
}
.mv__logo {
}

/*1*/
.mv.mv--special::before {
}
/*2*/
.mv.mv--dom_timesale {
    padding: 0;
}
.mv.mv--dom_timesale::before {
    content: none;
}
/*3*/
.mv.mv--inter_sale::before {
    background-image: url(/content/dam/sites/wwwjalcojp/jp/ja/campaign/blackflyday/img_sites/2611/bg_inter_sale_sp.png);
}
/*4*/
.mv.mv--time_sale::before {
    background-image: url(/content/dam/sites/wwwjalcojp/jp/ja/campaign/blackflyday/img_sites/2611/bg_time_sale_sp.png);
}
/*5*/
.mv.mv--inttourtimesale::before {
    background-image: url(/content/dam/sites/wwwjalcojp/jp/ja/campaign/blackflyday/img_sites/2611/bg_inttourtimesale_sp.png);
}
/*6*/
.mv.mv--intjmb_timesale::before {
    background-image: url(/content/dam/sites/wwwjalcojp/jp/ja/campaign/blackflyday/img_sites/2611/bg_intjmb_timesale_sp.png);
}
/*7*/
.mv.mv--domeh::before {
    background-image: url(/content/dam/sites/wwwjalcojp/jp/ja/campaign/blackflyday/img_sites/2611/bg_domeh_sp.png);
}
/*8*/
.mv.mv--jalpay::before {
    background-image: url(/content/dam/sites/wwwjalcojp/jp/ja/campaign/blackflyday/img_sites/2611/bg_jalpay_sp.png);
}
.mv__inr {
   text-align: center;
}
.mv__labelTxt {
    margin: 5.8vw 1.3vw 0;
}
.mv__label {
	display: inline-block;
    line-height: 1.2;
	padding: 1.5vw 2.5vw;
    color: #fff;
	border: 2px solid #FFF9EA;
    box-shadow: 0 0 2px #FFAE00, 0 0 2px #FFAE00, 0 0 2px #FFAE00, inset 0 0 2px #FFAE00, inset 0 0 8px #FFAE00;
}
.mv__label + .mv__label {
    margin-left: 2.3vw;
}
.mv__labelInr {
    font-size: 4.1vw;
}
.mv__txt {
    margin-top: 2.5vw;
    font-size: 6.4vw;
}
.mv__txtInr {
    display: inline-block;
    line-height: 1.1;
	color: #fff;
	text-shadow: 0px 0px 10.4px rgba(0, 0, 0, 0.8);
}
.mv__txt--dom_timesale .mv__txtInr {
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 3px solid #FFF9EA;
    border-top: none;
    filter: drop-shadow(0 0 2px #FFAE00) drop-shadow(0 0 4px #FFAE00) drop-shadow(0 0 20px #FFAE00);
    z-index: -1;
}
.mv .txtListBox .noteList li {
    line-height: 1.2;
    text-align: center;
    display: inline-block;
    padding: 0 0 0 1.3em !important;
}
.mv .txtListBox .noteList li::before {
    left: 0.1em;
}
.mv__dateWrap {
    line-height: 1.1;
    margin: 1.3vw 1.3vw 0;
    font-size: 3vw;
    color: #fcd0d6;
    text-shadow: 0 0 2px #B4001E, 0 0 2px #B4001E, 0 0 4px #B4001E, 0 0 5px #B4001E, 0 0 10px rgba(180, 0, 30, 0.5);
	letter-spacing: .07em;
}
.mv.mv--domeh .mv__dateWrap {
	letter-spacing: 0;
}
.mv__dateInr {
	display: block;
	font-feature-settings: "palt";
}
.mv__dateInr + .mv__dateInr {
    margin-top: 1.2vw;
}
.mv__date .fs_num {
	font-size: 3.5vw;
	font-weight: 600;
	letter-spacing: .05em;
}
.mv__memberWrap {
	margin: 2.5vw 5.3vw;
	padding: 3.8vw;
    color: #fff;
	font-size: 4.1vw;
    border: 2px solid #FFF9EA;
    box-shadow: 0 0 2px #FFAE00, 0 0 4px #FFAE00, 0 0 2px #FFAE00, inset 0 0 2px #FFAE00, inset 0 0 14px #FFAE00;
}

.mv__note {
	margin-top: 1vw;
	font-size: 3vw;
	color: #fff;
}

/*dom_timesale--*/
.mv.mv--dom_timesale .mv__cont {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.mv.mv--dom_timesale .mvCont_mdl {
    order: 2;
    text-align: left;
    font-family: "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "MS UI Gothic", "Tahoma", "Lucida Grande", "ヒラギノ丸ゴ Pro W4", sans-serif;
    font-weight: normal;
}
.mv.mv--dom_timesale .bdr-note {
    display: none;
}
.mv.mv--dom_timesale .mv__dateWrap {
	font-size: 3.5vw;
}
.mv.mv--dom_timesale .mv__date .fs_num {
	font-size: 4.1vw;
}

.mv__frame {
	position: relative;
	padding-top: 8.9vw;
	color: #fff;
}
.mv__frameHead {
	display: flex;
    align-items: center;
    height: 3px;
}
.mv__frameHeadInr {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
	margin: 0 2.5vw;
    font-size: 3.5vw;
    font-weight: bold;
    line-height: 1.2;
}
.mv__frame--period .mv__frameHeadInr {
    font-size: 5.1vw;
    color: #FFEFF1;
    text-shadow: 0 0 2px #B4001E, 0 0 4px #B4001E, 0 0 4px #B4001E, 0 0 10px #B4001E, 0 0 20px rgba(180, 0, 30, 0.7);
}
.mv__frame--period .mv__frameHeadInr::before, .mv__frame--period .mv__frameHeadInr::after {
    content: "";
    position: relative;
    display: block;
    width: 8vw;
    bottom: -.2vw;
    aspect-ratio: 1 / 1;
    background-image: url(/jp/ja/campaign/blackflyday/img_sites/2611/icon_head_star.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.mv__frame--period .mv__frameHeadInr::after {
    transform: scaleX(-1);
}
.mv__frameHeadLine {
    flex-grow: 1;
    height: 3px;
    background-color: #fcd0d6;
    filter: drop-shadow(0 0 5px rgba(180, 0, 30, 0.9)) drop-shadow(0 0 10px rgba(180, 0, 30, 0.7)) drop-shadow(0 0 20px rgba(180, 0, 30, 0.5));
	border-radius: 0 50rem 50rem 0;
}
.mv__frame--member .mv__frameHeadLine {
	background-color: #FFF9EA;
    filter: drop-shadow(0 0 2px #FFAE00) drop-shadow(0 0 4px #FFAE00) drop-shadow(0 0 20px #FFAE00);
}
.mv__frameHeadLine:last-child {
    border-radius: 50rem 0 0 50rem;
}
.mv__frameContents {
	position: relative;
	padding: 5.8vw 2vw 4.1vw;
	z-index: 0;
}
.mv__frame--period .mv__frameContents {
	text-align: left;
}
.mv__frameContents::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 3px solid #fcd0d6;
    border-top: none;
    filter: drop-shadow(0 0 5px rgba(180, 0, 30, 0.9)) drop-shadow(0 0 10px rgba(180, 0, 30, 0.7)) drop-shadow(0 0 20px rgba(180, 0, 30, 0.5));
    z-index: -1;
}
.mv__frame--member .mv__frameContents::before {
	border: 3px solid #FFF9EA;
	border-top: none;
	filter: drop-shadow(0 0 2px #FFAE00) drop-shadow(0 0 4px #FFAE00) drop-shadow(0 0 20px #FFAE00);
}
.mv__frameContentsInr {
	font-size: 3vw;
}
.mv__frameContentsInr + .mv__frameContentsInr {margin-top: 3vw;}
.mv__frameContentsInr.mv__frameContentsInr--fl {
	display: flex;
	align-content: center;
	column-gap: 2.5vw;
}
.mv__frameTtl {
	display: inline-block;
	line-height: 1;
}
.mv__frameTtlInr {
	display: inline-block;
    font-weight: bold;
    padding: 1.3vw 2.5vw 1.4vw;
    border: 2px solid #fff;
    border-radius: 50vw;
}
.mv__frameTxt {
	letter-spacing: .04em;
	display: flex;
	align-items: baseline;
}
.mv__frameTxtLavel {
    width: 7.5em;
    flex-shrink: 0;
    text-align: right;
}
.mv__frameTxt .fs_num {
	font-size: 4.1vw;
	font-weight: 600;
}
.mv__frameTxt.mv__frameTxt--note {
    display: block;
    text-align: center;
    margin: 0 -1vw;
    font-size: 2.8vw;
    letter-spacing: -0.01em;
}
.mv__frame--member .btnBox .btn {
	width: auto;
    display: inline-block;
}

/*--dom_timesale*/

.fs_num {
    font-family: "Poppins", Arial, Helvetica, sans-serif;
}
@media all and (max-width:739px) {
    .fs10_sp {
        font-size: 2.5vw;
    }
    .fs14_sp {
        font-size: 3.5vw;
    }
    .fs16_sp {
        font-size: 4.2vw;
    }
    .fs18_sp {
        font-size: 4.6vw;
    }
    .fs20_sp {
        font-size: 5.3vw;
    }
    .fs24_sp {
        line-height: 1.1;
        font-size: 6.1vw;
    }
    .fs26_sp {
        line-height: 1.1;
        font-size: 6.6vw;
    }
    .fs28_sp {
        line-height: 1.1;
        font-size: 7.1vw;
    }
    .fs38_sp {
        line-height: 1.1;
        font-size: 9.7vw;
    }
    
    .mv.mv--dom_timesale .mv__main {
        position: relative;
		background-image: url(/content/dam/sites/wwwjalcojp/jp/ja/campaign/blackflyday/img_sites/2611/bg_dom_timesale_sp.png), linear-gradient(to right, #000000 0%, #313131 30%, #313131 70%, #000000 100%);
		background-position: top;
		background-size: contain;
		background-repeat: no-repeat;
        order: 1;
		padding: 0 2.5vw 6.4vw;
    }
}

@media all and (min-width:740px) {
    .mv {
        padding-bottom: 40px;
		background-image: linear-gradient(to right, #000000 0%, #313131 30%, #313131 70%, #000000 100%);
    }
	.mv::before {
		background-image: url(/content/dam/sites/wwwjalcojp/jp/ja/campaign/blackflyday/img_sites/2611/bg_special.png);
		background-size: 1920px;
	}
    /*1*/
	.mv.mv--special::before {
		background-image: url(/content/dam/sites/wwwjalcojp/jp/ja/campaign/blackflyday/img_sites/2611/bg_special.png);
	}
	/*2*/
	.mv.mv--dom_timesale::before {
		content: "";
		background-image: url(/content/dam/sites/wwwjalcojp/jp/ja/campaign/blackflyday/img_sites/2611/bg_dom_timesale.png);
	}
	/*3*/
	.mv.mv--inter_sale::before {
		background-image: url(/content/dam/sites/wwwjalcojp/jp/ja/campaign/blackflyday/img_sites/2611/bg_inter_sale.png);
	}
	/*4*/
	.mv.mv--time_sale::before {
		background-image: url(/content/dam/sites/wwwjalcojp/jp/ja/campaign/blackflyday/img_sites/2611/bg_time_sale.png);
	}
	/*5*/
	.mv.mv--inttourtimesale::before {
		background-image: url(/content/dam/sites/wwwjalcojp/jp/ja/campaign/blackflyday/img_sites/2611/bg_inttourtimesale.png);
	}
	/*6*/
	.mv.mv--intjmb_timesale::before {
		background-image: url(/content/dam/sites/wwwjalcojp/jp/ja/campaign/blackflyday/img_sites/2611/bg_intjmb_timesale.png);
	}
	/*7*/
	.mv.mv--domeh::before {
		background-image: url(/content/dam/sites/wwwjalcojp/jp/ja/campaign/blackflyday/img_sites/2611/bg_domeh.png);
	}
	/*8*/
	.mv.mv--jalpay {
		padding-bottom: 58px;
	}
	.mv.mv--jalpay::before {
		background-image: url(/content/dam/sites/wwwjalcojp/jp/ja/campaign/blackflyday/img_sites/2611/bg_jalpay.png);
	}
    .mv__inr {
        width: 950px;
        margin: 0 auto;
    }
    .mv__logo {
    }
	.mv__labelTxt {
		margin: 20px 0 0;
	}
	.mv__labelTxt.mv__labelTxt--pcFl {
		display: flex;
    	align-items: center;
    	justify-content: center;
		gap: 0 20px;
	}
	.mv__label {
		padding: 15px 26px;
		border: 3px solid #FFF9EA;
	}
    .mv__label + .mv__label {
        margin-left: 20px;
    }
    .mv__labelInr {
        line-height: 1.1;
        font-size: 3rem;
    }
    .mv__txt {
        margin-top: 20px;
        font-size: 4rem;
    }
    .mv__labelTxt.mv__labelTxt--pcFl .mv__txt {
        margin-top: 0;
    }
    .mv.mv--intjmb_timesale .mv__txt, .mv.mv--inter_sale .mv__txt {
        margin-top: 12px;
    }
    .mv__txtInr {
        line-height: 1.1;
    }
    .fs16_pc {
        font-size: 1.6rem;
    }
    .fs22_pc {
        font-size: 2.2rem;
    }
    .fs26_pc {
        font-size: 2.6rem;
    }
    .fs30_pc {
        font-size: 3rem;
    }
    .fs32_pc {
        font-size: 3.2rem;
    }
    .fs38_pc {
        font-size: 3.8rem;
    }
    .fs45_pc {
        font-size: 4.5rem;
    }
    .fs48_pc {
        font-size: 4.8rem;
    }
    .fs50_pc {
        font-size: 5rem;
    }
    .fs52_pc {
        font-size: 5.2rem;
    }
    .fs60_pc {
        font-size: 6rem;
    }
    .fs65_pc {
        font-size: 6.5rem;
    }
    .fs68_pc {
        font-size: 6.8rem;
    }
    .fs72_pc {
        font-size: 7.2rem;
    }
    .fs80_pc {
        font-size: 8rem;
    }
    .mv__dateWrap {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 0;
		text-align: center;
        margin:  10px 0 0;
        font-size: 2.5rem;
		color: #ffdce1;
    }
	.mv.mv--domeh .mv__dateWrap {
		margin: 25px -60px 0;
        letter-spacing: -.01em;
	}
	.mv__dateWrap::before, .mv__dateWrap::after {
		content: "";
		position: relative;
		display: block;
		width: 50px;
		bottom: 0;
		aspect-ratio: 1 / 1;
		background-image: url(/jp/ja/campaign/blackflyday/img_sites/2611/icon_head_star.svg);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0 2px;
	}
	.mv__dateWrap:has(.mv__dateInr:nth-of-type(2))::before, .mv__dateWrap:has(.mv__dateInr:nth-of-type(2))::after {
		bottom: -20px;
	}
	.mv__dateWrap::after {
		transform: scaleX(-1);
	}
    .mv__dateInr + .mv__dateInr {
        margin-top: 5px;
    }
	.mv__date .fs_num {
		font-size: 3.2rem;
	}
	.mv__memberWrap {
		margin: 20px 0 0;
		padding: 20px;
		font-size: 1.7rem;
		border: 3px solid #FFF9EA;
	}

	.mv__note {
		margin-top: 10px;
		font-size: 1.8rem;
	}

    /*dom_timesale--*/
    .mv.mv--dom_timesale .mv__cont {
        flex-direction: row;
        justify-content: space-between;
        padding-top: 32px;
    }
    .mv.mv--dom_timesale .mv__main {
        position: relative;
        width: 630px;
        min-height: 540px;
        order: 2;
        padding: 0 0 40px 34px;
    }
    .mv.mv--dom_timesale .mv__logo {
        width: 100%;
    }
    .mv.mv--dom_timesale .mv__dateWrap {
	font-size: 2.4rem;
    }
    .mv.mv--dom_timesale .mv__date .fs_num {
	font-size: 2.8rem;
    }
    .mv.mv--dom_timesale .mvCont_mdl {
        width: 320px;
        order: 1;
    }
	.mv.mv--dom_timesale .mv__dateWrap::before, .mv.mv--dom_timesale .mv__dateWrap::after {
		margin: 0 -2px;
        bottom: 4px;
	}
	.mv__frame {
		padding-top: 36px;
	}
	.mv__frameHeadInr {
		margin: 0 10px;
		font-size: 1.7rem;
	}
	.mv__frame--member .mv__frameHeadInr {
		margin: 18px 10px 0;
	}
	.mv__frame--period .mv__frameHeadInr {
		font-size: 3rem;
	}
	.mv__frame--period .mv__frameHeadInr::before, .mv__frame--period .mv__frameHeadInr::after {
		width: 32px;
		bottom: -4px;
	}
	.mv__frameContents {
		padding: 39px 20px 20px;
	}
	.mv__frameContentsInr {
		line-height: 1.2;
    	font-size: 1.8rem;
	}
	.mv__frameTtlInr {
		padding: 6px 15px 8px;
	}
	.mv__frameTxt .fs_num {
		font-size: 2.6rem;
	}
	.mv__frameTxt.mv__frameTxt--note {
		text-align: left;
	    margin: 12px 0 0;
		font-size: 1.6rem;
		letter-spacing: .04em;
	}
	.mv__frameContentsInr + .mv__frameContentsInr {
		margin-top: 15px;
	}
	.mv__frameContentsInr.mv__frameContentsInr--fl {
		column-gap: 12px;
	}
	
    
    /*--dom_timesale*/
}