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

<!--
.colWrap{
margin-top: 40px;
}
.colWrap .col{
position: relative;
background: #acd7ff;
padding: 32px 24px;
}
.couponborder{border:2px solid #cc0000;}
.colWrap.clm_1_2col .col{background: #ffc8ce;}
.icon_type{position: absolute;color: #fff;font-size: 16px;top: 0;left: 0;}
.icon_type .iconInr{position: relative;z-index: 3;padding: 15px 0 0 10px;display: block;}
.icon_type.dom{background: #cc0000;}
.icon_type.int{background: #0f0f69;}
.icon_type:before{content: '';position: absolute;top: 0;left: 0;border-bottom: 101px solid transparent;border-left: 121px solid #cc0000;}
.icon_type.int:before{content: '';position: absolute;top: 0;left: 0;border-bottom: 101px solid transparent;border-left: 121px solid #0f0f69;}
.colWrap .col:hover {opacity: 0.7;}
.colWrap .col a{text-decoration: none;}
.colWrap .col a:hover p,
.colWrap .col a:hover b,
.colWrap .col a:hover span{text-decoration: none;}
.colWrap .col .couponDetail{background: #fff;padding: 25px;width: 100%;min-height: 182px;display: table;}
.colWrap .col .couponDetail .detailWrap{display: table-cell;vertical-align: middle;}
.colWrap .col .couponDetail .detailHead {font-size: 20px;text-align: center;display: table;width: 100%;}
.colWrap .col .couponDetail .detailHead b{display: table-cell;vertical-align: middle;}
.colWrap .col .couponDetail .price {font-size: 28px;color: #cc0000;text-align: center;margin-top:10px;line-height:1;}
.colWrap.clm_1_2col .col .couponDetail .price{font-size: 42px;}
.colWrap .col .couponDetail .price span.sizeM {font-size: 16px;white-space: nowrap;}
.colWrap .col .couponBtm p{font-size: 14px;margin-top: 15px;}
.js-mileage-login-form-wrapper{padding: 17px 19px;background: #444;display: inline-block;}
.js-mileage-login-form-wrapper .mileage-login-form-inner{display:-webkit-box;display:-ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.js-mileage-login-form-wrapper .mileage-login-form-inner h2{color: #fff;}
.js-mileage-login-form-wrapper .u-container-relative, .tickets>div{width: auto !important;}
.login-form .login-form-header{color: #fff;}
.login-form-inputs{margin-left: 10px;}
.login-form-inputs .btn-submit{display: inline;width: 70px;padding: 0;background-color: #c00;border: none;color: #fff;height: 28px;line-height: 28px;text-align: center;cursor: pointer;}
.btn.memEntrance_btn{background-color: #03428f;}
.jmbEnroll {padding:15px 15px 20px;background-color:#f0f4f6;}
.jmbEnroll_lead {text-align:center;color:#03428f;font-weight:bold;}
.indTxt{text-indent: -1em;padding-left: 1em;display: block;}
.login-form-btns, #js-login-form-main-cards, #js-login-form-main-login .login-keep-login, .vertical-icon-list, .login-keep-login, .l-main{display: none !important;}
.couponDetail .detailHead span.sizeL {font-size: 24px;white-space: nowrap;display:block;}
#tour_dpCoupon_jmb_isShow li{list-style-type:none;}
-->
.couponBlock{background: #acd7ff;display: -webkit-box;display: flex;}

@media all and (min-width:740px){
.colwrap-ow{justify-content:space-between;flex-wrap:wrap;}
.colwrap-ow li{margin:0 0 30px 0 !important;}
}

.ctm_iconTxt_Limited {display: inline-block;background-color: #0000cd;color: #fff;font-size: 1.2rem;padding: 2px 6px;}

.grayout_box {position: relative;pointer-events: none;}
.grayout_txt {position: absolute;top: 0;left: 0;display: flex;justify-content: center;padding-top: 5px;width: 100%;height: 100%;background-color: #cccccc99;font-weight: bold;z-index: 1;color: #cc0000;}