@charset "utf-8";
#wrapper, .contents{background:#111;}
#simple-header{background:#fff;}

/* メインビジュアル */
.heroimgWrap.heroimgWrap-titleImg .mainHeading .mainTtl img{margin:2vw 0 0 -1vw;width:100%;}
@media (min-width:740px){
.heroimgWrap.typeImg.heroimgWrap-titleImg.slide_1pages .mainHeading{max-width:49.48vw;}
.heroimgWrap.heroimgWrap-titleImg .mainHeading .mainTtl img{margin:0 ;}
}

/* 見出し */
.ctm_bfttlWrap{color:#fff;text-align:center;margin-top:80px;}
.ctm_bfread{font-size:3.2rem;font-weight:bold;line-height:1.2;}
.ctm_pageTtl{font-size:4.8rem;line-height:1.2;}
.ctm_bfttlWrap .ctm_pageTtl .ttlLv1{padding-top:0px;margin:0px;}

/* カラム */
.ctm_bf_col1, .ctm_bf_col2{color:#DBC658;text-align:center;margin-top:30px;}
.ctm_bf_col1{border:4px solid #fff;padding:26px;}
.ctm_bf_col2 .col{border:4px solid #fff;padding:26px 12px;}
.bc_gd, .bc_gd .col{border-color:#DBC658 !important;}

/* カラム見見出し出し */
.ctm_bf_inrttl{color:#fff;font-size:2rem;font-weight:bold;margin-bottom:20px;}

/* フォントサイズ*/
.ctm_bf_txtlvl1, .ctm_bf_txtlvl2, .ctm_bf_txtlvl3, .ctm_bf_txtlvl4{font-weight:bold;}
.ctm_bf_txtlvl2, .ctm_bf_txtlvl3, .ctm_bf_txtlvl4{line-height:1.4;}
.ctm_bf_txtlvl1{font-size:2.4rem;}
.ctm_bf_txtlvl2{font-size:3.6rem;}
.ctm_bf_txtlvl3{font-size:4.8rem;}
.ctm_bf_txtlvl4{font-size:6rem;}

/* ボタン */
.btnBox .ctm_bf_btn .btn{background:#DBC658;border:0px;color:#000;font-weight:bold;font-size:1.6rem;min-width:300px;margin-top:20px;}
.btnBox.btnCL .ctm_bf_btn .btn {background-color:transparent;border: 1px solid #fff; color: #fff;}
.btnBox .ctm_bf_btn .btn:after{background:none;border:0px;border-top: solid 2px #000;border-right: solid 2px #000;transform: rotate(45deg);width:8px;height:8px;top:50%;right:16px;margin-top:-4px;}
.btnBox.btnCL .ctm_bf_btn .btn:after{background-image: url(/content/dam/sites/global/Y18/img/icons_utility.svg);background-repeat: no-repeat;background-size: 100px auto;width: 8px;height: 13px;background-position: 0 -17px;border: none; transform: translateY(-50%); -webkit-transform: translateY(-50%); margin-top: 0;}
.btnBox .ctm_bf_btn_clr .btn{font-weight:bold;font-size:1.6rem;min-width:300px;line-height:1.4;}

.ctm_bf_people{color:#fff;font-size:3.6rem;font-weight:bold;}
.ctm_credit{color:#fff;font-size:1.2rem;}
.bgejal{background:url(/jp/ja/campaign/blackflyday/img_sites/parts_ejal.png) left 60px bottom 50px no-repeat;}
.bgejal_r{background:url(/jp/ja/campaign/blackflyday/img_sites/parts_ejal.png) right 60px bottom 50px no-repeat;}

/* countDown */
.countDown img {vertical-align:bottom;}
.countDown .countDownBox {width:100%;}
.countDown .countDownBox_timer {display:table;	vertical-align:bottom; text-align:center; letter-spacing:-0.1em; white-space:nowrap;	width:100%;	margin-top: 15px;}
.countDown .countDownBox_timer span{display:table-cell; vertical-align:middle;}
.countDown .countDownBox_timer span:nth-child(1){width:10.666667%;}
.countDown .countDownBox_timer span:nth-child(2){width:10.666667%;}
.countDown .countDownBox_timer span:nth-child(3){width:4.5%;}
.countDown .countDownBox_timer span:nth-child(4){width:10.666667%;}
.countDown .countDownBox_timer span:nth-child(5){width:10.666667%;}
.countDown .countDownBox_timer span:nth-child(6){width:4.5%;}
.countDown .countDownBox_timer span:nth-child(7){width:10.666667%;}
.countDown .countDownBox_timer span:nth-child(8){width:10.666667%;}
.countDown .countDownBox_timer span:nth-child(9){width:4.5%;}
.countDown .countDownBox_timer span:nth-child(10){width:10.666667%;}
.countDown .countDownBox_timer span:nth-child(11){width:10.666667%;}
.countDown .countDownBox_timer span:nth-child(2) > img, .countDown .countDownBox_timer span:nth-child(5) > img, .countDown .countDownBox_timer span:nth-child(8) > img, .countDown .countDownBox_timer span:nth-child(11) > img{margin-left:2px;}
.countDown .countDownBox_timer > img {margin-left: 0.333333%; vertical-align:bottom; letter-spacing:normal;}
.countDown .countDownBox_timer > img:first-child {margin-left:0;}
.countDown .countDownBox_timer .timer_num {background-color:#000;}
.bfEnd_txt{color:#fff;font-size:4rem;line-height:1.7;text-align:center;}
.bfCs_txt{color:#fff;font-size:3.2rem;line-height:1.7;text-align:center;font-weight: bold;}

.otherBtn a{position:relative;}
.otherBtn a:before{display:block;content:"";background:url(/jp/ja/campaign/blackflyday/img_sites/icon_ext_bl.svg) 0 0 no-repeat;background-size:12px 10px;position:absolute !important;top:50%;right:14px;width:12px;height:10px;transform:translateY(-50%);}
.otherBtn img{display:none;}

.mhei01{min-height:222px;}

.fcWt {color: #fff;}

@media all and (max-width:739px){
header#headerArea{background:#fff;}

/* 見出し */
.ctm_bfttlWrap{margin-top:50px;}
.ctm_bfread{font-size:2rem !important;}
.ctm_pageTtl .heading{font-size:2.2rem !important;}

/* カラム */
.ctm_bf_col1, .ctm_bf_col2{margin-top:10px;}
.ctm_bf_col1, .ctm_bf_col2 .col{padding:24px 20px;}

/* フォントサイズ*/
.ctm_bf_txtlvl1{font-size:1.8rem;}
.ctm_bf_txtlvl2{font-size:2.4rem;}
/*.ctm_bf_txtlvl3{font-size:3rem;}*/
.ctm_bf_txtlvl3{font-size:2.8rem;}
.ctm_bf_txtlvl4{font-size:3.6rem;}
.ctm_bf_people{font-size:2.6rem;}
.bgejal,.bgejal_r{background:none;}
.btnBox .ctm_bf_btn .btn,.btnBox .ctm_bf_btn_clr .btn{padding:13px 27px 13px 13px;min-width:100%;}
.btnBox .ctm_bf_btn .btn .fs12,.btnBox .ctm_bf_btn_clr .btn .fs12{font-size:1.2rem !important;}

.bfEnd_txt{font-size:2rem;}
.bfEnd_txt.ctm_bf_txtlvl1{font-size:2rem;}
.bfCs_txt{font-size:2rem;}
.mhei01, .mhei02, .mhei03, .mhei04{min-height:auto;}
}

@media all and (min-width:740px){
.mgt5_pc{margin-top:5px;}
.mgt10_pc{margin-top:10px !important;}
.mgt15_pc{margin-top:15px !important;}
.mgt20_pc{margin-top:20px !important;}
.mgt25_pc{margin-top:25px !important;}
.mgt30_pc{margin-top:30px !important;}
.mgt35_pc{margin-top:35px !important;}
.mgt40_pc{margin-top:40px !important;}
.mgt45_pc{margin-top:45px !important;}
.mgt50_pc{margin-top:50px !important;}
.mgt55_pc{margin-top:55px !important;}
.mgt60_pc{margin-top:60px !important;}
.mgt65_pc{margin-top:65px !important;}
.mgt70_pc{margin-top:70px !important;}
.mgt75_pc{margin-top:75px !important;}
.mgt80_pc{margin-top:80px !important;}
}
