.storeLocator_wrapper{ position: relative; padding: 60px 0 50px;}
.store_bg { position: absolute; bottom: 0; left: 0; right: 0; /*height: calc(100% + calc(100vw * 0.15) - 300px);*/ z-index: -1; /*background-image: url("../images/store-bg-mob.png");*/ background-size: cover; background-repeat: no-repeat; background-position: top center; text-align: right;}
.store_bg img{ max-width: 100%;}
.storeTxt > div{ text-align: center; max-width: 240px; margin: 0 auto; padding-bottom: 30px; position: relative; z-index: 2;}
.storeTxt h1{ font-weight: 500; font-size: 25px; line-height: 36px; margin-bottom: 15px; color: #00BFC3;}
.storeTxt p{ font-weight: normal; font-size: 14px; line-height: 20px;}
.locationInput{ display: flex; background: #FFFFFF; border: 1px solid #DADADA; flex-wrap: wrap;}
.locationInput input:focus, .locationInput select:focus{ outline: none;}
.locationInput input, .locationInput select{ width: auto; height: auto; margin: 0; border: none; padding: 8px 5px; font-size: 10px; line-height: 14px; text-align: center; color: rgba(115, 115, 115, 0.9); border-radius: 0;}
.locationInput .currentLocation{ width: 100%; border: none; border-bottom: 1px solid #DADADA;}
.locationInput .locationPin{ flex: 1; text-align: center;  border-right: 1px solid #DADADA; width: 100%;}
.locationInput .locationMile{ width: 100px; flex: 0 0 100px; border: none; border-right: 1px solid #DADADA;}
.locationInput .submit{ width: 33px; flex: 0 0 33px; font-size: 0; background: url("../images/search.svg") no-repeat center; cursor: pointer;}
.storeMap{ position: relative;}
.storeMap.active{ background: #DADADA;  min-height: 499px;}
.mapTxt{ font-size: 14px; line-height: 20px; text-align: center; color: #000000; background: #FFFFFF; border: 1px solid #00BFC3; padding: 20px 50px; position: absolute; top: 60px; right: 20px; bottom: 60px; left: 20px; display: flex; justify-content: center; align-items: center;}
.storeMapWrap{ padding: 40px 20px 20px; background: #00BFC3;}
/*.ungated_s3_3{ border: none;}*/
.storeMapText{ max-width: 325px; margin: 0 auto; padding-bottom: 40px; font-weight: bold; font-size: 15px; line-height: 22px; text-align: center; color: #fff;}
.storeDropdown{ background: #F8F8F8; border: 1px solid rgba(0, 0, 0, 0.24); height: 48px; position: relative; margin: 0 auto 20px;}
.storeDropdown:after{ content: ''; clear: both; background: url("../images/down-arrow-gray.svg") no-repeat right center; position: absolute; top: 50%; transform: translateY(-50%); width: 18px; height: 9px; right: 10px;}
.storeDropdown select{ font-size: 18px; line-height: 26px; text-align: center; color: rgba(115, 115, 115, 0.9); border: none; width: 100%; height: 100%; background: transparent;  -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; appearance:none; padding: 0 30px;}
.storeDropdown select::-ms-expand { display:none;}
.storeDropdown select:focus{ outline: none;}
.storeDropdown select { text-align: center; text-align-last: center;}
.storeDropdown option { text-align: left;}
.gps-loctation{ background: #fff; text-align: center; font-size: 18px; line-height: 26px; color: #00BFC3; border: none; display: block; width: 100%; padding: 10px 0;  margin: 0 auto;}
.gps-loctation span{ display: inline-block; background: url("../images/gps.svg") no-repeat left center; padding-left: 35px;}
.selectCheck{ text-align: center; margin-top: 35px}
.selectCheck label{ display: inline-block; font-weight: 500; font-size: 14px; line-height: 20px; text-align: center; color: #FFFFFF; margin-right: 30px; margin-bottom: 0; vertical-align: top;}
.customCheckbox{ display: inline-block;}
.customCheckbox [type="checkbox"]:not(:checked), 
.customCheckbox [type="checkbox"]:checked {
    left: -9999px; position: absolute;
}
.customCheckbox [type="checkbox"]:not(:checked) + label, 
.customCheckbox [type="checkbox"]:checked + label { cursor: pointer; padding-left: 30px; position: relative; }
.customCheckbox [type="checkbox"]:not(:checked) + label::before, 
.customCheckbox [type="checkbox"]:checked + label::before { background: #F8F8F8; border: 1px solid rgba(0, 0, 0, 0.24); content: "";  left: 0; position: absolute; top: 0; width: 20px; height: 20px;}
.customCheckbox [type="checkbox"]:not(:checked) + label::after, 
.customCheckbox [type="checkbox"]:checked + label::after { content: ''; height: 13px; width: 7px; left: 7px; position: absolute; top: 2px; transition: all 0.1s ease 0.1s; border-bottom: 3px solid transparent; border-right: 3px solid transparent; transform: rotate(40deg);}
.customCheckbox [type="checkbox"]:not(:checked) + label::after { opacity: 0; transform: scale(0);}
.customCheckbox [type="checkbox"]:checked + label::after { opacity: 1; transform: scale(1) rotate(40deg); border-color: #00BFC3;}
.loctionBtn .btn{ margin: 0; font-size: 14px;}

.store-result{ padding-bottom: 45px;}
.store-nosearch{ display: none; background: #f5f5f7; text-align: center;}
.store-nosearch.is-active{ display: block;}
.store-nosearch img{ max-width: 100%;}
.store-sptabs .list-tab { display: flex; align-items: center; justify-content: center; margin: 0; padding: 0; list-style: none;}
.store-sptabs .list-tab>* { width: 50%; }
.store-sptabs .list-tab button{ display: inline-block; width: 100%; padding: 20px 15px; font-size: 14px; background: #C4C4C4; border: 0 none; outline: none; color: #fff;}
.store-sptabs .list-tab button>span { position: relative; display: inline-block; padding-left: 30px; font-weight: bold;}
.store-sptabs .list-tab button>span:before { position: absolute; top: 0; left: 0; display: block; background-repeat: no-repeat; background-position: left top; background-size: 100% 100%; content: "";}
.store-sptabs .list-tab button.btn-tablist span:before { top: 4px; width: 17px; height: 14px; background-image: url("../images/icon-list.svg");}
.store-sptabs .list-tab button.btn-tabmap span:before { width: 17px; height: 19px; background-image: url("../images/icon-map.svg"); }
.store-sptabs .list-tab button.is-active { background: #00BFC3; }

.noteDiv{ font-weight: 500; font-size: 12px; line-height: 17px; text-align: center; padding: 15px 15px 0; color: #fff;}
.velo-searchresult { position: relative; max-height: 575px; overflow: hidden; display: none;}
.velo-searchresult.is-active{ display: block;}
.field-map { position: relative; padding-bottom: 56.5%; background-color: #CCCCCC; }
.field-map iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.velo-resultdetail{ width: 100%; background: #fff;}
.velo-resultdetail-head{ background: #00BFC3; padding: 17px 0 16px 27px; font-size: 18px; line-height: 26px; color: #fff; position: relative;}
.velo-resultdetail-head:after{ content: ''; background:  url("../images/expand.svg") no-repeat center; width: 24px; height: 24px; position: absolute; right: 14px; top: 50%; transform: translateY(-50%);}
.filed-resultdetail{ flex: 1; overflow: auto; position: relative;}
.filed-resultdetail li{ border-bottom: 1px solid #878787; padding: 20px 30px 30px 33px;}
.filed-resultdetail li:last-child{ border: none;}
.result-head{ font-weight: bold; font-size: 22px; line-height: 32px; color: #00BFC3; margin-bottom: 30px;}
.result-head a{ color: #00BFC3; text-decoration: underline;}
.filed-resultdetail p{ font-size: 16px; line-height: 23px; color: #232323;}
.seeMap{ font-size: 12px; line-height: 17px; text-decoration: underline; color: #00BFC3; background: url("../images/gps_velo.svg") no-repeat left center; padding-left: 18px; display: inline-block; background-size: 10px;}
.filed-resultdetail .mCSB_inside>.mCSB_container { margin-right: 7px;}
.filed-resultdetail .mCSB_scrollTools{ width: 7px;}
.filed-resultdetail .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 7px; margin: 0; background: #00BFC3; border-radius: 0;}
.filed-resultdetail .mCSB_scrollTools .mCSB_draggerContainer{ background: #DADADA;}
.filed-resultdetail .mCSB_scrollTools .mCSB_draggerRail{ display: none;}
.hide-result, .modal-box{ display: none;}
.modal-box{ position: relative; z-index: 9999;}
.velo-sitemodal-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 100; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.7); }
.velo-container{ position: relative; box-sizing: border-box; width: 100%; max-width: 800px; max-height: calc(100vh - 90px); margin-right: 20px; margin-left: 20px; overflow-y: auto; background-color: #FFFFFF; border-radius: 20px;}
.velo-sitemodal-content{ padding: 35px 25px 50px;}
.modal-close{ position: absolute; top: 35px; right: 25px; z-index: 1; width: 20px; height: 20px; color: #00BFC3; background-color: transparent; border: none;}
.modal-close:focus{ outline: none;}
.modal-close:after { position: relative; left: -5px; display: block; width: 30px; height: 2px; background: #00BFC3; transform: rotate(-45deg); content: ""; }
.modal-close:before { position: relative; top: 2px; left: -5px; display: block; width: 30px; height: 2px; background: #00BFC3; transform: rotate(45deg); content: "";}
.velo-sitemodal-content h3{ font-weight: bold; font-size: 20px; line-height: 29px; text-decoration: underline; color: #00BFC3; margin-bottom: 30px;}
.velo-sitemodal-content h3 a{ text-decoration: underline; color: #00BFC3;}
.velo-sitemodal-content p{ font-size: 12px; line-height: 17px; color: #232323; margin-bottom: 35px;}
.velo-sitemodal-content p span{ font-weight: bold; font-size: 12px; line-height: 17px; color: #00BFC3; margin-bottom: 12px; display: block;}
.modal-text{ font-weight: bold; font-size: 16px; line-height: 23px; color: #00BFC3; padding-left: 45px; margin-bottom: 30px; background-position: left top; background-repeat: no-repeat;}
.modal-text a{ color: #00BFC3; text-decoration: underline;}
.modal-text a:hover{ text-decoration: none;}
.location-icon{ background-image: url("../images/gps_velo.svg");}
.ph-icon{ background-image: url("../images/icon-ph.svg");}
.storeTxt{ position: relative;}
.storeTxt img{ position: absolute; right: 0; bottom: 0;}

.loctionBtn .btn:disabled{ background: rgba(0,0,0, .2);}
.sm-container.ageGate {outline: 0; max-width: 100%; text-align: center;padding: 20px 0;height: 100%;width: 100%; max-height: 100vh;margin: 0px; box-shadow: 0 0 0; border: 0px;}

.sm-container.ageGate .sm-content {display: flex;justify-content: center;align-items: center;height: 100%;border: 0px;}
.velosite-modal-overlay {
    position: fixed;
    top: 0;
    right: 0;outline: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center; border: 0px;
    background: #fff;
}
.section_ageGate .velosite-modal-overlay{ background: none; background-color: rgba(0, 0, 0, 0.9);}
.sm-container.ageGate{background: none}
.sm-container.ageGate .section_caption p{color: #fff; font-size: 18px;line-height: 40px;}
.modal-gry-bg{background: rgba(0,0,0,0.7);}

@media (max-width: 768px){
	.navbar .navbar-nav { padding: 0 18px 100px; 	}
}

@media (max-width: 991px){
	.store-sptabs, .velo-resultdetail, .velo-resultmap{ display: none;}
	.store-sptabs.is-active, .velo-resultdetail.is-active, .velo-resultmap.is-active{ display: block;}
	.velo-searchresult{ max-height: inherit;}
	
	.store-nosearch.is-active { display: flex; height: 450px; justify-content: center; align-items: center; }
	.filed-resultdetail .mCSB_inside>.mCSB_container{ margin-right: 0;}
	.velo-resultdetail-head.is-active.hide-result{ display: block; box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.25);}
	.velo-resultdetail-head.is-active, .velo-resultdetail-head:after{ display: none;}
	.velo-resultdetail-head{ text-align: center;}
	.filed-resultdetail{ max-height: 430px;}
	
	.selectCheck.selectCheck2 label {
    display: block;
    padding-bottom: 10px; margin-right: 0px;
}
.selectCheck.selectCheck2 {
    border: solid 1px #f5f5f5;
  
}.selectCheck.selectCheck2 label:first-child {
    background: #67D4EE;
    padding: 10px;
    margin: 0px 0 10px;
}
.selectCheck.selectCheck2 .storeDropdown{margin: 0 9px 20px;}
	.selectCheck.selectCheck2 label:first-child {
    background: #67D4EE;
}
	
}
@media (max-width: 767px){
	.field-map { padding-bottom: 140%; }
	
}

@media (min-width: 768px){
	
	.storeTxt h1{ font-size: 40px; line-height: 58px; margin-bottom: 10px;}
	.storeTxt{  margin:0 auto; padding-top: 65px;}
	.storeTxt > div{ max-width: 570px;}
	.storeTxt p{ font-size: 18px; line-height: 26px;}
	.locationInput{ background: #F8F8F8;}
	.locationInput input, .locationInput select{ font-size: 20px; line-height: 29px; background: #F8F8F8;}
	.locationInput .locationMile{ width: 200px; flex: 0 0 200px; }
	.locationInput .submit{ width: 55px; flex: 0 0 55px; }
	.mapTxt{ font-size: 20px; line-height: 29px; max-width: 314px; top: 60px; right: inherit; bottom: 60px; left: 50%; transform: translateX(-50%);}
	.storeLocator_wrapper{ padding: 0;}
	.storeMap.active{  min-height: 530px;}
	.storeMapWrap{ padding-top: 45px; padding-bottom: 45px;}
	.storeMapText{ max-width: 800px; font-size: 17px; line-height: 27px; padding-bottom: 24px;}
	
	.velo-sitemodal-content{ padding: 50px 120px 40px 40px;}
	.velo-sitemodal-content h3{ font-size: 30px; line-height: 43px;}
	.velo-sitemodal-content p{ font-size: 16px; line-height: 23px;}
	.velo-sitemodal-content p span{ font-size: 18px; line-height: 26px;}
	.modal-text{ font-size: 18px;}
	.modal-close{ width: 40px; height: 40px;}
	.modal-close:after, .modal-close:before{ width: 50px;}
	.store-result{ padding-bottom: 80px;}
	.selectCheck label{ margin-right: 45px;}
	
}
@media (min-width: 991px){
	.locationInput .currentLocation{ width: 30%; border-bottom: none; border-right: 1px solid #DADADA;}
	.storeDropsection{ max-width: 780px; margin: 0 auto; display: flex; flex-wrap: wrap;border-bottom: solid 1px #f5f5f5;
    padding-bottom: 16px;}.selectCheck2{display: flex;
    justify-content: center;
    align-items: center;}
	.storeDropdown{ max-width: 290px; width: 100%; margin:0 20px 0 0; }
	.selectCheck2 .storeDropdown {
    max-width: 370px;
}
	.gps-loctation{ max-width: 160px;}
	.selectCheck{ margin-top: 24px;}
	.loctionBtn .btn{ line-height: 30px;}
	.velo-resultdetail{ max-width: 350px; height: 490px; position: absolute; top: 40px; left: 60px; z-index: 2; display: flex; flex-wrap: wrap; flex-direction: column;}
	.store-sptabs{ display: none;}
	.storeTxt img{ display: none;}
}

@media (min-width:1025px){
	/*.store_bg {  height: calc(100% + calc(100vw * 0.15) + 10px);}*/
}

/* New changes */
.what_is_sec_04{ padding-bottom: 0;}
.bg-bacground, .bg-bacground-one{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden;}
.bg-bacground img, .bg-bacground-one img{ width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%;}
.bg-bacground-one img{ width: 100%;}
.what_is_velo{ position: relative; padding: 50px 0;}
.what_is_velo .action_section_well{ border-radius: 0;}
.what_is_velo .flowchart_grid{ margin-top: -15px;}
.what_is_velo .action_section_well .flowchart .flowchart_grid .flowchart_data{ font-size: 18px; width: 50%; flex-basis: 50%; font-weight: bold; padding: 0 15px; justify-content: center;}
/*.flavor-wrap{ min-height: 350px;}
.flavor-section .mobile-boxed{ font-size: 18px; font-weight: bold; padding: 0 20px; max-width: 140px;}*/
.flavor-section .mobile-boxed{ font-size: 18px; font-weight: bold; padding: 0 20px; max-width: 140px;}
.flavor-section.gated_hp_03 .abs_bg{ transform: translateY(10%);}
.how_to_button_section{ margin-bottom: 50px;}
.flavor-section{ margin-bottom: 100px;}
.what_is_velo.ungated_s2 .action_section_well{ border-width: 2px;}
@media (max-width: 767px){
	.how_to_img_txt_section .section_image_wrapper{ min-height: inherit; margin-bottom: 20px;}
	.how_to_img_txt_section img{ width: 100%;}
	.how_to_step_wrapper .section_caption{ text-align: center;}
	.how_to_img_txt_section h1{ font-size: 14px;}
	.how_to_img_txt_section p{ font-size: 15px; margin-bottom: 0;}
	.ungated_s2 .btn{ min-width: inherit;}
}
@media (min-width: 768px){
	.flavor-section .mobile-boxed{ font-size: 24px; max-width: inherit;}
}

@media (min-width: 991px){
	.what_is_velo{ position: relative; padding: 100px 0;}
	.what_is_velo .action_section_well .flowchart .flowchart_grid .flowchart_data{ width: 40%; flex-basis: 40%;}
	.flavor-section{ margin-bottom: 150px;}
	/*.flavor-wrap{ min-height: 950px;}
	.flavor-img{ margin-top: 220px;}
	.flavor-section .mobile-boxed{ max-width: inherit;}*/
}

.header-banner-wrapper a{ z-index: 9;}
.imgbac .hide-img{ display: none;}

.plp_list{ padding-bottom: 0;}
.plp_list .plp_item:last-child{ padding-bottom: 0;}
@media (min-width: 768px){
	.plp_list .plp_item:nth-last-child(2){ padding-bottom: 60px;}
}

/*.faq-wrap{ padding: 50px 0;}*/
/*.faq-wrap h2{ font-weight: normal; font-size: 36px; line-height: 50px; text-align: center; color: #232323; margin-bottom: 40px;}*/
.section_faq .accordion{ padding-bottom: 0;}
.faq-flex{ border-top: 1px solid #DADADA;}
.faq-heading{ font-weight: 500; font-size: 18px; color: #232323;}
.faq-heading a{ color: #00BFC3; display: block; border-left: 8px solid #4E559C; border-bottom: 1px solid #DADADA; border-top: 1px solid #DADADA; padding: 22px 45px 22px 27px; cursor: pointer; position: relative; margin-top: -1px;}
.faq-heading a:after{ content: ''; position: absolute;  display: block; width: 20px; height: 20px; right: 20px; top: 50%; transform: translateY(-50%); background: url(../images/minus-color.svg) no-repeat center; margin-top: -1px; background-size: 100%;}

.faq-heading.collapsed a{ color: #232323; border-left-color: #DADADA; }
.faq-heading.collapsed a:after{ background-image: url("../images/icon-plus.svg");}
.faq-heading a:not([href]):not([tabindex]),
.faq-heading a:not([href]):not([tabindex]):hover, 
.faq-heading a:not([href]):not([tabindex]):focus{ color: #4E559C; }
.faq-heading.collapsed a:not([href]):not([tabindex]),
.faq-heading.collapsed a:not([href]):not([tabindex]):hover, 
.faq-heading.collapsed a:not([href]):not([tabindex]):focus{ color: #232323; }

.section_faq .accordion{ padding-left: 15px; padding-right: 15px;}
.section_faq .accordion .card-header:after{ width: 22px; height: 11px; background: url("../images/up-arrow.svg") no-repeat top center/ 100%;}
.section_faq .accordion .card-header.collapsed:after{ background: url("../images/down-arrow.svg") no-repeat top center/ 100%;}
.section_faq .accordion .card-header .card-title{ max-width: inherit; font-weight: normal; font-size: 16px; line-height: 27px; color: #545454; padding-right: 30px;}
.section_faq .accordion .card-body{ background: #F5F5F5; position: relative; z-index: 1; margin-top: -1px; font-size: 14px; line-height: 26px; color: #545454; padding: 15px 30px 15px 10px;}
.section_faq .accordion .card-body p{ font-size: 14px; line-height: 26px; color: #545454;}
.section_faq .accordion .card-body p:last-child{ margin-bottom: 0;}
.faq-heading-inner{font-weight: bold; font-size: 28px; color: #232323; margin-bottom: 50px;}
.faq-flex .nav-tabs li a{ color: #232323; border-left: 8px solid #DADADA; padding: 20px 45px 20px 27px; cursor: pointer; position: relative; display: block; font-weight: 500; font-size: 16px;}
.faq-flex .nav-tabs li a:hover{ text-decoration: none;}
.faq-flex .nav-tabs li a.active{ color: #4E559C; border-left-color: #4E559C; font-weight: bold;}

@media (max-width: 767px){
	
	.faq-wrap .container{ padding: 0;}
}
@media (max-width: 1024px){
	.faq-tab, .faq-heading-inner{ display: none;}
}
@media (min-width: 992px){
	.section_faq .accordion .card-header{ padding: 30px 0;}
	.section_faq .accordion .card-header:after{ right: 0;}
}
@media (min-width: 1025px){
	.faq-flex{ display: flex; flex-wrap: wrap; border: none;}
	.faq-flex .nav-tabs{ max-width: 275px; width: 100%; display: block; border: none;}
	.faq-flex .tab-content{ flex: 1; padding-left: 25px;}
	/*.faq-heading{ display: none;}*/
	.faq-collapse,
	.faq-collapse.collapse:not(.show){ display: block;}
	.faq-flex .tab-pane{ display: none;}
	.faq-flex .tab-pane.active{ display: block;}
	.section_faq .accordion{ padding: 0;}
	
	/*.faq-wrap{ padding: 50px 0 120px;}*/
	.section_faq .accordion .card-header{ padding: 30px 0;}
	.section_faq .accordion .card-header .card-title{ font-size: 18px;}
	.section_faq .accordion .card-body{ padding: 25px 45px 25px 20px;}
	.section_faq .accordion .card-body p{ font-size: 16px; color: #545454;}
	
	/*.faq-wrap h2{ font-size: 40px; margin-bottom: 60px;}*/
}

.bannerMypage{ position: relative;}
.bannerMypage h1 { margin: 0 auto; color: #00bfc3; padding: 60px; text-align: center;}
.bannerMypage_bg { position: absolute; bottom: 0; left: 0; right: 0; height: 100%; z-index: -1;}
.site-mypage { padding-top: 60px; padding-bottom: 60px; }
.site-navmypage{ padding: 35px  0; background: #F5F5F5;}
.field-navmypage { max-width: 750px; margin: 0 auto; }
.col-navmypage { display: flex; align-items: center; justify-content: center; text-align: center; list-style: none; margin: 0;}
.col-navmypage>li { /*width: 25%;*/ padding: 0 60px; }
.col-navmypage>li a { display: inline-block; color: #3D5567; font-size: 16px;  font-weight: 500; line-height: 23px; text-align: center; }
.col-navmypage>li a.current{ color: #00AED6 ; text-decoration: underline;}
.grid-mypage { max-width: 640px; margin-right: auto; margin-left: auto; padding-right: 20px; padding-left: 20px; }
.col-mypage { display: flex; padding: 30px 0; border-bottom: 1px solid #DADADE; /*align-items: center;*/}
.item-mypage * { word-break: break-all; }
.col-mypage>div{ width: 100%;}
.col-mypage>div:first-child { max-width: 180px;  font-weight: 500; font-size: 16px; line-height: 1.5;  color: #232323; }
.item-mypage { display: flex; justify-content: space-between; width: 100%; /*align-items: center;*/}
.item-mypage>div:first-child { width: 100%; }
.item-mypage button{ color: #fff; margin-bottom: 0; min-width: 128px; width: 100%; padding: 8px 10px;}
.item-mypage button:focus{ outline: none;}
.item-mypage>div .btn-primypage, .item-mypage>div .fgroup-mypedit{ display: none; }
.item-mypage>div>*.is-hide { display: none !important; }
.item-mypage>div>*.is-show { display: block !important; }
.item-mypage>div p{ margin-bottom: 0;}
.read-mypage.case-name span:last-child { margin-left: .2em; }
.form-mypradio { display: none; }
.read-mypage { word-break: break-all; color: #3D5567; font-size: 16px; line-height: 1.5; }
.form-mypradio+label { position: relative; padding-right: 10px; padding-left: 25px; line-height: .8;}
.form-mypradio+label:last-child { padding-right: 0; }
.form-mypradio+label:before { position: absolute; top: -1px; left: 0; display: block; width: 18px; height: 18px; border: 1px solid #CCCCCC; border-radius: 100%; content: ""; }
.form-mypradio:checked+label:after { position: absolute; top: 3px; left: 4px; display: block; width: 10px; height: 10px; background: #00BFC3; border-radius: 100%; content: "";}
.select-mypage { position: relative; }
.form-myptext { display: block; width: 100%; padding: 10px; background: #F5F5F7; border: 1px solid #D2D2D7; border-radius: 0; -webkit-appearance: none; color: #3D5567; font-size: 16px; line-height: 1.25; height: auto; margin-bottom: 0;}
.select-mypage:after { display: block; position: absolute; top: 50%; transform: translateY(-50%) rotate(135deg); width: 7px; height: 7px; border-top: 2px solid #233746; border-right: 2px solid #233746; content: ""; right: 9px; }
.read-mypage.case-address span { display: block; }
.fgroup-myptext { display: flex; }
.fgroup-mypage .fgroup-myptext, .fgroup-mypage>* { margin-bottom: 20px; }
.fgroup-myptext>div { width: calc(50% - 5px); }
.fgroup-myptext>div+div { margin-left: 10px; }
.form-mypselect { position: relative; width: 100%; padding: 10px 18px 10px 10px; font: inherit; background: #F5F5F7; border: 1px solid #D2D2D7; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #3D5567; font-size: 16px; line-height: 1.25;}
.field-mypage+.field-mypage { padding-top: 35px; }
.hed-mypage { color: #3D5567; font-weight: bold; font-size: 18px; line-height: 1.5; padding-bottom: 30px;  }
.hed-mypage-bor{ border-bottom: 1px solid #DADADE;}
.btn-primypage{ background: #000;}
.hgroup-subscribe { margin-bottom: 30px; }
.hgroup-subscribe .hed-mypage{ padding-bottom: 0;}
.case-subscribe .item-mypage { white-space: nowrap; }
.case-subscribe .item-mypage>div { width: auto; margin-left: auto; }
.case-subscribe>div:first-child{ white-space: nowrap}
.case-subscribe .form-mypradio+label{ min-width: 100px;}
.site-mypage.case-center { text-align: center; }
.hed-title{ font-weight: bold; font-size: 36px; line-height: 52px; text-align: center; color: #232323; margin-bottom: 30px;}
.lgroup-mypage{ display: flex; flex-wrap: nowrap; align-items: center; justify-content: center;}
.lgroup-mypage .btn{ font-weight: normal; font-size: 14px; border: 1px solid #00BFC3;}
.btn-prim, .btn-sec{ min-width: 220px; margin: 0 16px;}
.btn-prim, .btn-prim:hover{ background: #00BFC3; color: #fff;}
.btn-sec, .btn-sec:hover{ background: #fff; color: #00BFC3;}

.banner_wrap{ position: relative;}
.banner_wrap img{ width: 100%;}
.banner_wrap h1{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 0; font-weight: 500; font-size: 32px; text-align: center; color: #00BFC3; margin: 0;}

@media (max-width: 992px){
	body { padding-top: 80px;}
}
@media screen and (max-width: 767px){
	.col-navmypage>li { padding: 0 10px; width: 33.3333%; }
	.col-mypage { display: block; padding: 20px 0; }
	.col-mypage>div:first-child { max-width: none; margin-bottom: 5px; }	
	.item-mypage>div:first-child{ padding-right: 10px;}
	.fgroup-mypage .fgroup-myptext, .fgroup-mypage>*{ margin-bottom: 10px;}
	.case-subscribe .item-mypage>div{ margin-left: 0;}
	.hed-title {  font-size: 22px; line-height: 32px;}
    
	.lgroup-mypage{ display: block;}
	.btn-prim, .btn-sec{ margin: 0 16px 15px;}
	.header-banner-wrapper { margin-bottom: 65px; }
}


.ungated_s3_3 .box_corners {width: 300px;}
.bottom-text {margin-left: 4rem;margin-right: 4rem;font-size: 11px;}
@media screen and (max-width: 767px) {
    .align-center-mb { align-items: center;}
    .bottom-text {  margin: 0;}
}
@media screen and (min-width: 768px) {
    .bottom-text {margin-left: 1rem; margin-right: 1rem;font-size: 12px;}
}
@media screen and (min-width: 991px) {
    .bottom-text { margin-right: 2rem;}
}

@media screen and (min-width: 1100px) {
    .bottom-text {margin-right: 4rem;}
}

.image-section{ position: relative;}
.image-section img.imgSrcChange{ width: 100%; }
.bottom-section{ position: absolute; bottom: 15px; left: 0; right: 0; text-align: center;}
.btn-one{ background: #5D5D5D; min-width: 250px; color: #fff; font-size: 15px; font-weight: 700; padding: 15px; display: inline-block;}
.btn-one:hover, .btn-two:hover{ color: #fff; text-decoration: none;}
.btn-two{ color: #fff; font-size: 15px; font-weight: 700; padding: 15px 30px 15px 0; display: inline-block; background: url("../images/qrrow.svg") no-repeat right center;}

.faq-banner{ min-height: 150px;}

@media screen and (min-width: 991px) {
	.faq-banner{ min-height: 300px;}
}








/* 13-08-2020 */
body {padding-top: 56px;}

/* Header */
/*header.header  .navbar .dropdown-menu { box-shadow: 0px 5px 9px rgba(0,0,0,0.05);}
header.header .navbar .user_icon{width: 19px; height: 24px;}
header.header .navbar .ungateduser_icon{width: 24px; height: 24px;}
header.header .navbar .open-on-hover .dropdown-menu a{color: inherit; }
header.header .navbar .open-on-hover .dropdown-menu a:hover{opacity: 0.7;}*/
/* header.header .navbar .navbar-nav a:hover {color: #00AED6;} */
/*header.header .navbar .navbar-nav li.active a{color: #00AED6; font-weight: bold;}
header.header .navbar {padding: 10px 20px; min-height: 56px;}
header.header .navbar .navbar-nav li.nav-item.dropdown .dropdown-menu{right: 10px; }
header.header .navbar .navbar-nav li.product_info .dropdown-menu{right: auto; left: 0;}
header.header .navbar .navbar-nav li.product_info .dropdown-menu:after{right: auto; left: 65px;}*/


/*@media (min-width: 992px){
	header.header .navbar .navbar-nav li {padding: 0 20px;}
	header.header .navbar {padding: 10px 60px; min-height: 56px;}
	header.header .navbar .navbar-nav a {font-size: 18px; line-height: 27px;}

	header.header .navbar .navbar-nav li.nav-item.dropdown > a{position: relative; z-index: 1001;}
	header.header .navbar .navbar-nav li.nav-item.dropdown > a:after {
		position: absolute; bottom: -10px; left: 0; right: 0; margin: 0 auto; border: solid transparent; content: " "; height: 0; width: 0; pointer-events: none; border-color: rgba(136,183,213,0); border-bottom-color: #878787; border-width: 10px; opacity: 0;
		transition: opacity .5s ease-in-out ;
	}
	header.header .navbar .navbar-nav li.nav-item.dropdown:hover > a:after{opacity: 1; }
	header.header .navbar .arrow_box:after{display: none !important;}
	header.header .navbar .navbar-nav li .dropdown-menu{min-width: 150px;}
}
@media (max-width : 1170px){
	header.header .navbar .navbar-nav li{padding: 0 10px;}
	header.header .navbar .navbar-nav li a{font-size: 14px;}
}
@media (max-width : 992px){
	header.header .navbar .navbar-nav li.product_info.nav-item.dropdown{display: block !important;
	width: 100%; position: static !important; margin-bottom: 0 !important; padding: 0;}
	header.header .navbar .navbar-nav li.product_info.show .dropdown-menu{display: block !important;     padding-left: 20px;}
	header.header .navbar .navbar-nav li.nav-item.dropdown > a{position: relative; }
	header.header .navbar .navbar-nav li.nav-item.dropdown > a:after{
		content: ''; display: inline-block; position: absolute; top: calc(50% - 10px); right: 0; background: url(../images/down-arrow.svg) no-repeat; background-size: 15px; background-position: center; border: none; width: 20px; height: 20px; margin: 0;
	}
	header.header .navbar .navbar-nav li.product_info.show > a:after{
		background: url(../images/up-arrow.svg) no-repeat; background-size: 15px; background-position: center;
	}
	header.header .navbar .navbar-nav li{padding: 0;}
	header.header:not(.ungated_header) .navbar .navbar-nav li a{text-align: left; font-size: 20px; line-height: 30px; padding: 12px 5px; text-decoration: none;}
	header.header .navbar .navbar-nav li.product_info .dropdown-menu{opacity: 1 !important;box-shadow: none !important; text-align: center; position: static; padding: 0; display: none !important;}
	header.header .navbar .navbar-nav li.product_info.show .dropdown-menu.show{display: block !important;}
	header.header .navbar .navbar-nav li.nav-item.dropdown .dropdown-menu:after{display: none !important;}
	header.header .navbar .navbar-nav li.nav-item.dropdown:last-child { display: none !important; }
	.navbar .navbar-toggler{left: auto; right: 0;}
}
header.header.ungated_header nav ul{flex-direction: row; padding: 0 18px;}
header.header.ungated_header nav ul li{padding: 0 20px;}
header.header.ungated_header nav ul li a{position: relative; z-index: 9; padding: 0;}*/



/* gated-compaign page */
/*.gated-compaign .btn-one{background: #4e559c;}*/


/* gated_footer */
/*.gated_footer{border-top: solid 8px #041E42}
.gated_footer_top{padding: 30px 0; width: 100%;}
.gated_footer_logo {padding: 0 0; width: 100%; max-width: 125px; text-align: right;}
.gated_footer_logo a{display: inline-block;}
.gated_footer_links{width: 100%; max-width: 175px; }
.gated_footer_links ul{list-style: none; margin: 0;   padding: 0 ; box-shadow: none;}
.gated_footer_links li{padding: 3px 0;}
.gated_footer_links a{color: #000; font-weight: bold; font-size: 14px; line-height: 26px; }
.gated_footer_links a:hover{color: #00AED6; text-decoration: none; }
.gated_footer_links li.active a{color: #00AED6;}
.gated_footer_info {width: 100%; max-width: 620px; border: 1px solid #000000; border-radius: 4px; padding: 15px;}
.gated_footer_info p{font-weight: normal; font-size: 11px; line-height: 16px; margin-bottom: 10px;}
.gated_footer_info p:last-child{margin: 0;}
.gated_footer_bottom{background: #041E42; padding: 35px 0 0; }
.gated_footer_bottom_adderess {display: inline-block; margin: 0 auto;}
.gated_footer_bottom_adderess p{color: #fff; font-size: 16px;;}
.gated_footer_copyright{width: 90%; border-top: solid 1px #fff; padding: 20px 0; margin: 0 auto; display: block;}
.gated_footer_copyright p{margin: 0; color: #fff; font-size: 16px;}
.gated_footer_copyright p a{display: inline-block; margin-bottom: 5px; text-decoration: underline; color: #fff;}
.gated_footer_copyright p a:hover{text-decoration: none;}
@media (max-width: 1024px){
    .gated_footer_info {max-width: 47%;}
}
@media (max-width: 991px){
    .gated_footer_logo{flex: 0 0 100%; max-width: 100%; text-align: left; padding: 0 15px; margin-bottom: 15px;}
}
@media (max-width: 767px){
    .gated_footer_top { padding: 35px 0 15px;  }
    .gated_footer_links{max-width: 50%; margin-bottom: 15px;}
	.gated_footer_info{max-width: 100%; }
	.gated_footer_info p{font-size: 12px; line-height: 20px; margin-bottom: 15px;}
	.gated_footer_bottom_adderess p, .gated_footer_copyright p{font-size: 14px;}
}*/

/* ungated_footer */
/*.ungated_footer .gated_footer_top {padding: 15px  0;}
.ungated_footer .gated_footer_bottom{padding: 0;}
.ungated_footer .gated_footer_copyright{border: none;}
.ungated_footer .gated_footer_links {max-width: 400px;}
.ungated_footer .gated_footer_links li{margin: 0 20px; display: inline-block; vertical-align: top;}*/

/*@media (max-width: 991px){
	.ungated_footer .gated_footer_links{max-width: 100%;}
	.ungated_footer .gated_footer_links ul {margin: 20px -20px;}
	.ungated_footer .gated_footer_info{max-width: 100%;}
}*/


/* FAQ */
/*.faq-wrap h2{font-size: 57px; line-height: 50px; font-weight: bold;}
.faq-wrap h2 strong {display: inline-block; font-weight: normal; font-size: 28px; margin-bottom: 30px;}*/

@media (min-width: 992px){
	.header-banner-wrapper {
		margin-bottom: calc(15% - 84px);
	}
}
@media (max-width: 991px){
	.header-banner-wrapper {
		margin-bottom: 70px;
	}
}

/*@media (max-width: 767px){
	.faq-wrap h2{font-size: 36px;}
	.faq-wrap h2 strong { font-size: 24px; margin-bottom: 10px;}
}*/

/* Other Changes */
.header-banner-wrapper a{top: 56px;}

.btn_component{width: 100%; display: block; padding: 50px 15px; background: #fff; text-align: center;}
.btn_component a{ background: #4e559c; color: #fff; margin: 0 auto; }



/*01-09-2020*/
/* poins-popup */




/*/*.pointPop-title{color: #041e42; font-size:60px;font-weight: bold;text-align: center; position: relative;line-height: 25px;margin-top: 40px;}
.pointPop-title span{font-size: 30px;}
.pointPop-title .number {display: inline-block;min-width: 50px;position: relative;}
.pointPop-content .sm-content, .pointPopup-content .sm-content {padding: 20px 0 20px;}
.pointPop-title .number::before {background-image: url(../images/won-left-shape.svg);position: absolute;left: -50px; top: -50px;content: "";background-repeat: no-repeat;width: 70px;height: 100px;}
.Won_text {color: #00aed6;position: relative;clear: both;min-width: 50px;}
.pointPop-title .Won_text::after { background-image: url(../images/won-right-shape.svg);position: absolute; right: -45px; bottom: -15px;content: "";background-repeat: no-repeat; width: 43px;height: 45px;}
.point_middlesection {background: #f4f4f4;padding: 15px 0 0 0;box-shadow: 0px 0px 4.472px rgba(0, 0, 0, 0.21);margin: 30px 0 0;text-align: center;}
.gift_future {position: relative;font-size: 16px;color: #041E42;font-weight: 800;text-align: left;padding-left: 40px;display: flex;max-width: 250px;width: 100%;margin: 0px auto 10px;}*/*/
/*.coin_acquisition{position: relative;font-size: 16px;color: #041E42;font-weight: 800;text-align: left;padding-left: 40px;max-width: 250px;width: 100%;margin: 0px auto 15px;}*/
/*.historypoint_middlesection .coin_acquisition{max-width: 165px;}*/

.gift_future:before, .coin_acquisition:before {content: ""; background-image: url(../images/gift-arrowicon.png); position: absolute;left: 0px;width: 30px;height: 30px; background-repeat: no-repeat;top: 6px;}
.point_bottomsection {text-align: center;padding: 20px 0 20px;width: 100%;background: #fff;}
.point_bottomsection .btn_blue{    min-width: 281px;background: #4e559c; line-height: 20px;padding: 10px 0; border-radius: 0px;font-size: 14px;border: 0px;height: 40px;
outline: none; position: static; color: #fff}
.next_coin_earning {color: #757778; font-size: 12px; font-weight: 800;text-align: left; margin: 10px auto 0; width: 100%; max-width: 260px;}
.btn_blue:focus{border: 0px;outline: 0px;}
.point_bottomsection .btn_blue:before, .point_bottomsection .btn_blue:after{display: none}
.next_coin_earning span{color: #00AED6;font-size: 16px; }
.pointPopup-content .point_bottomsection{padding-bottom: 0px}
/*.sm-container {max-width: 400px;width: 100%;display: block; position: absolute; top: 50%;left: 50%;transform: translate(-50%, -50%);background: #fff;box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.21);max-height: 90vh;overflow-y: auto;}*/
.sm-content { position: relative; width: 100%;}
header.header .navbar .navbar-nav li.nav-item.dropdown .dropdown-menu {right: 10px;background: #F4F4F4;border-radius: 3px;box-sizing: border-box;box-shadow: 0px 16px 20px rgba(0, 0, 0, 0.25);z-index: 9; padding: 17px 15px;}
.navbar .dropdown-menu .dropdown-item {padding: 17px 12px;}
.your-cons {background: #fff;padding: 13px 20px;font-size: 16px;line-height: 24px;font-weight: 500;text-align: center;border-radius: 6px; margin-bottom: 15px;}
.coins-num{font-size: 28px; padding: 10px 0 0}
header.header .navbar .navbar-nav li .dropdown-menu.coins-menu{min-width: 200px;}
.coin-history{background: #4E559C; padding: 10px 0; text-align: center; color: #fff;font-size: 16px;font-weight: 500;margin-bottom: 15px;
line-height: 28px;}
.coin-history a, .coin-history a:hover{color: #fff!important; text-decoration: none!important;    opacity: 1!important;}
ul.setting-changelinks {list-style: none; padding: 0px;}
header.header .navbar ul.setting-changelinks li {list-style: none;color: #222529;font-size: 16px;font-weight: 500;border-top: 1px solid #000000; padding: 10px 0; text-align: center;}
header.header .navbar ul.setting-changelinks li a{color: #222529}

.ungated-compaign .heading-sec {position: absolute;right: 0px;top: 100px;}
.ungated-compaign.center-banner .heading-sec {right: 170px;top: 120px;}
.ungated-compaign.bottom-banner .heading-sec {right: 0;top: 70px;}
.ungated-compaign .heading-sec h1{margin: 0px; color: #008A80; font-size: 52px; font-weight: 900;font-family: 'Noto Sans Japanese'; line-height: 57px;}
.ungated-compaign .heading-sec h2{margin: 0px; color: #008A80; font-size: 52px; font-weight: 900;font-family: 'Noto Sans Japanese'; line-height: 57px;}
.ungated-compaign.bottom-banner h2{color:#BE3137 }
.ungated-compaign.center-banner h2{color:#19223d }
a.btn-one.green-btn {background: #009480;}
a.btn-one.red-btn {background: #BE3137;}
a.btn-one.blue-btn {background: #19223d;}
.ungated-compaign .btn-one{font-family:'Noto Sans Japanese',sans-serif; font-weight: bold; color: #fff; font-size: 24px;}
.ungated-compaign .bottom-section{bottom: 25px;}
.mypage-setting{    max-width: 1140px;     padding-left: 20px;    padding-right: 20px;margin-left: auto;    margin-right: auto}
.mypage-setting .col-mypage{border: 0px;}
	.hgroup-subscribe h2{font-size: 24px;line-height: 22px;font-weight: 900;color: #041E42; margin-bottom: 25px;}
.hgroup-subscribe p{font-size: 14px;line-height: 20px;font-weight: bold;color: #041E42;}
.mypage-setting .col-mypage>div:first-child, .form-mypradio+label{font-size: 14px;color: #041E42;line-height: 23px;font-weight: bold;}
.mypage-setting .col-mypage{    padding: 12px 0;}
.mypage-setting .hgroup-subscribe { margin-bottom: 0px;}
.gloitem-mypage .form-mypradio:checked+label:after{    background: #F04923;}
.mypage-setting.glo-profile {margin-bottom:60px;}	
.mypage-setting .case-subscribe .form-mypradio+label{ min-width: auto;}
.mypage-setting .form-mypradio+label:before{top: 3px;}
.mypage-setting .form-mypradio:checked+label:after{top: 7px;}
.pointPop-heading{    color: #041e42; font-size: 19px;line-height: 27px;font-weight: 800; text-align: center}
/*.historypoint_middlesection {
       background: #fff;
    margin: 20px 0 0;
    padding: 10px 0 0 0;
    max-height: calc(100vh - 270px);
    overflow-y: auto;
}*/
/*.coin_acquisition .name{font-size: 18px;color: #00AED6;line-height: 26px;font-weight: bold; display: block}*/
.coin_acquisition .date, .ejocia .date{font-size: 12px;color: #757778;line-height: 14px;font-weight: normal; display: block}
.ejocia{background: #F4F4F4;border-radius: 3px; padding: 5px; text-align: left; padding-left: 80px; position: relative}
.ejocia:before{position: absolute; content: ""; left: 40px; height: 2px; width: 26px; background:#221815; top: 50%;  }
.historypopup { padding: 0 60px}
.historypopup .points_topsection {padding: 30px 0 0 0;}
.ejocia .name{font-size: 18px;color: #221815;line-height: 26px;font-weight: bold; display: block}
.ejocia p{color: #221815;font-size: 12px;font-weight: 500; margin: 0px;}
.historypopup .point_bottomsection .btn_blue{width: 100%;   }
.historypopup_wrp{height: 80vh;margin: 0 auto; text-align: center}
.pointPopup-content .historypopup .point_bottomsection {padding-bottom: 15px;}
.menu-grybg {right: 10px;background: #F4F4F4;border-radius: 3px;box-sizing: border-box;z-index: 9;padding: 17px 15px;}
.ageGate .section_ageGate{margin: 0px!important;min-height: 100%;}
 .section_ageGate .ageGate .ageGate_buttons{margin-bottom: 0;}
.ageGate .modal-dialog-centered{min-height: 100%}
.pointPopup-content.section_ageGate{margin-top: 0px!important;}
@media (min-width: 768px) and (max-width: 991px){ 
.ungated-compaign .heading-sec h1, .ungated-compaign .heading-sec h2{font-size: 36px;line-height: 37px;}
.ungated-compaign .heading-sec{    right: 15px;    top: 40px;}
.ungated-compaign.center-banner .heading-sec {right: 77px; top: 66px;}
.ungated-compaign.bottom-banner .heading-sec {right: 0;top: 50px;}
}
@media (max-width: 1279px) and (min-width: 1024px){
.ungated-compaign.center-banner .heading-sec { right: 77px; top: 86px;}
.ungated-compaign .heading-sec { position: absolute; right: 15px; top: 70px;}
}

@media (min-width: 768px){
.ungated-compaign.center-banner .bottom-section {right: 40px; left: inherit;}
.mypage-setting{ display: flex;}	
.mypage-setting .field-mypage{ width: 90%;}
.mypage-setting .logo-left-sec{width: 70px;margin-right: 40px;}	
.mypage-setting.glo-profile {margin-bottom: 100px;}	
.gloitem-mypage .hgroup-subscribe h2{margin-top: 18px;}	
.mob_points-menu{display: none}
}

@media (min-width: 992px){
header.header .navbar .navbar-nav li {padding: 14px 20px;}
header.header .navbar {padding: 0px 60px;}
header.header .navbar .navbar-nav li.nav-item.dropdown > a:after{    border-bottom-color: #041E42;    bottom:0px;}

}
@media (min-width: 1025px){
.ungated-compaign.center-banner .heading-sec h2{font-size: 58px;line-height: 60px;}	
}
@media (max-width: 640px){
.sm-container {position: relative; left: auto;top: auto;transform: none;margin: 0 20px;}
}

@media (max-width: 767px){
.ungated-compaign .heading-sec h1, .ungated-compaign .heading-sec h2 {font-size: 45px;line-height: 50px;   }
.ungated-compaign .heading-sec{ left: 40px;top: 40px;}
.ungated-compaign.center-banner .heading-sec {right: 0;top: 79px;left: 310px;}
.ungated-compaign.bottom-banner .heading-sec {right: 0;top: 30px;left: inherit;}
.mypage-setting .hgroup-subscribe h2{    margin-top: 12px;    text-align: center;}	
.mypage-setting .col-mypage>div:first-child{    margin-bottom: 20px;}
.mypage-setting .hgroup-subscribe {margin-bottom: 0px;}
.pointPopup-content .historypopup .point_bottomsection {padding-bottom: 20px; background: none;}
.historypopup .point_bottomsection .btn_blue { min-width: 215px;}
.ejocia{padding-left: 70px;}
.ejocia:before {left: 25px; height: 2px; width: 25px;background: #221815;top: 50%;}
.historypopup {padding: 0 30px;}
}

@media (max-width: 568px){
.ungated-compaign.center-banner .heading-sec{  top: 49px;  left: 240px;}
}

@media (max-width: 414px){
.ungated-compaign .heading-sec h1, .ungated-compaign .heading-sec h2 {font-size: 41px;line-height: 38px;}
.ungated-compaign .heading-sec{ left: 20px;top: 20px;}
.ungated-compaign.center-banner .heading-sec{ left: 124px;top: 53px; right: 0px;}
.ungated-compaign .btn-one{font-size: 16px;}
.historypopup .point_bottomsection .btn_blue {min-width: 315px;width: 100%;}
}
@media (max-width: 375px){
.ungated-compaign.center-banner .heading-sec{    left: 162px;}
.ungated-compaign.center-banner .heading-sec{ left: 115px;top:40px; right: 0px;}
.historypopup .point_bottomsection .btn_blue {min-width: 220px;}
}
@media (max-width: 320px){
.ungated-compaign.center-banner .heading-sec{left: 94px;}
.ungated-compaign .btn-one{font-size: 14px;}
.ungated-compaign .heading-sec h1, .ungated-compaign .heading-sec h2 {font-size: 32px; line-height: 29px;}
	
}


/*	sns-campain*/
@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 900;
   src: url(../fonts/NotoSansJP-Black.woff2) format('woff2'),
        url(../fonts/NotoSansJP-Black.woff) format('woff'),
        url(../fonts/NotoSansJP-Black.otf) format('opentype');
 }
@font-face {
    font-family: 'VELOSansBold';
    src: url(../fonts/VELOSansBold.eot);
    src: url(../fonts/VELOSansBold.eot) format('embedded-opentype'),
         url(../fonts/VELOSansBold.woff2) format('woff2'),
         url(../fonts/VELOSansBold.woff) format('woff'),
         url(../fonts/VELOSansBold.ttf) format('truetype'),
         url(../fonts/VELOSansBold.svg#VELOSansBold) format('svg');
}
@font-face {
    font-family: 'VELOSansMedium';
    src: url(../fonts/VELOSansMedium.eot);
    src: url(../fonts/VELOSansMedium.eot) format('embedded-opentype'),
         url(../fonts/VELOSansMedium.woff2) format('woff2'),
         url(../fonts/VELOSansMedium.woff) format('woff'),
         url(../fonts/VELOSansMedium.ttf) format('truetype'),
         url(../fonts/VELOSansMedium.svg#VELOSansMedium) format('svg');
}

.sns-banner .slick-slide{position: relative;}
.sns-banner .slick-slide img {width: 100%;}
.sns-banner .bannerCon{position: absolute;  width: 100%;}
.sns-banner h2{ color: #fff;  font-family: 'Noto Sans Japanese'; font-size:58px; font-weight: 900; margin-bottom: 10px; }
.sns-banner h2 span{font-size:41px; color:#199682;display: block;}
.sns-banner p{color: #fff;font-family: 'Noto Sans Japanese'; font-size:22px;font-weight: 900;}
.sns-banner p span{color:#199682;}
.sns-banner .banner-title {float: right;padding: 80px 0px 0 0;transform: rotate(-15deg);}
.sns-banner .disclaimer{font-family: 'Noto Sans Japanese';  font-size:12px; color:#fff; font-weight:400;clear: both;text-align: right;     right: 10%;    width: 100%   ; bottom: 0px;    position: absolute;}
.sns-banner .custom-dots, .sns-banner .slide-controls {position: absolute;left: 0; right: 0;bottom: 0px;}
.sns-banner .slick-prev, .sns-banner .slick-next{ outline: 0px;   position: absolute; bottom: 0px; border: 0px; font-size: 0px; width:12px; height: 15px; background-color: #fff; }
.sns-banner .slick-prev:focus, .sns-banner .slick-next:focus{outline: 0px;}
.sns-banner .slick-next {right: calc(50% - 150px); background-image: url(../images/sns/right-arrow.png); background-repeat: no-repeat;}
.sns-banner .slick-prev {left: calc(50% - 150px);background-image: url(../images/sns/left-arrow.png);background-repeat: no-repeat;}
.sns-banner .slick-dots li {position: relative;display: inline-block;margin: 0 20px;padding: 0;cursor: pointer;}
.sns-banner ul.slick-dots {text-align: center;margin-top: 20px;}
.sns-banner .slick-dots li button {font-size: 0;line-height: 0; display: block;width: 40px;height: 3px;padding: 0px;cursor: pointer;color: transparent;border: 0;outline: none; background: #CBD0D3;}
.sns-banner .slick-dots .slick-active button{background: #1DA2C7;}
.pick-up-section{background: url(../images/sns/bg.png) left top -82px no-repeat;margin-top: -60px; padding: 70px 0 100px; background-size: 134%;}
.pick-up-heading {padding-bottom: 10px;}
.right-sec{position: relative;}
.left-sec:before{position: absolute; left: -60px;top: -90px; content: ""; width: 163px; height: 122px; background: url(../images/sns/left-shap.png)  no-repeat;}
.right-sec:before { position: absolute;right: -100px;top: 310px;content: "";width: 200px;height: 162px;background: url(../images/sns/right-shap.png) no-repeat;}
.pick-up-section h2{  font-family: 'Noto Sans Japanese';  font-size:32px; color:#1DA2C7; font-weight:900; margin-bottom: 20px}
.pick-up-section h2 span{ font-size:24px;}
.pick-up-section h3{font-family: 'Noto Sans Japanese'; font-size:20px; color:#19223D; font-weight:600; line-height: 32px; margin-bottom: 30px;}
.btn-outline{border: solid 1px #19223D; border-radius: 25px;font-family: 'Noto Sans Japanese';   font-size:16px;font-weight:600; color:#19223D; padding:10px 30px;}
.btn-outline:hover{text-decoration: none;color:#19223D;}
.btn.sns-btn_blue {background: #19223D;border-radius: 30px;min-width: 200px;border: 0px;}
.photo-contest-section h2{font-family: 'VELOSansBold';font-size:42px; color:#18917E; font-weight:bold; margin-bottom: 20px; }
.photo-contest-section h2 span{ color:#19223D; display: block;}
.application-period{display: flex; justify-content: center; align-items: center; margin-bottom: 20px;}
.application-period .date-box{font-family: 'Noto Sans Japanese';margin-bottom: 0px;font-size: 14px;border: solid 1px #19223D; background: #fff;    align-items: center;padding-right: 0px;padding: 5px 20px 5px;font-weight: 900;}
.photo-contest-section p{line-height: 32px;}
.application-period .application-period-title {line-height: 30px;background: #19223D;margin-right: 0px; color: #fff;padding: 15px 35px;font-size: 14px;}
.high-size{font-size: 32px;}
.photo-wrp .imgSrcChange {width: 100%;}
.photo-wrp{position: relative}
.photo-wrp .bannerCon{ position: absolute; right: 0px;align-items: center;transform: translate(-20%,-50%); top: 50%; }
.photo-wrp .bannerCon{font-size: 16px;font-family: 'Noto Sans Japanese'; font-weight: bold;color: #19223D;}
.comingsoon-section .photo-wrp .bannerCon{font-size: 16px;font-family: 'Noto Sans Japanese'; font-weight: bold;color: #fff;}
.comingsoon-section h2{color: #fff;font-family: 'VELOSansBold';font-size:64px;  font-weight:bold; margin-bottom: 20px;  }
.comingsoon-section .btn-outline{color: #fff; border-color: #fff;}
.comingsoon-section.float-left .photo-wrp .bannerCon{left: inherit;    transform: translateY(-50%); right: inherit}
.cooingsoon-heading{position: relative}
.cooingsoon-heading.yellow:before {position: absolute;right: -37px;top: -64px;content: "";width: 132px;height: 142px; background: url(../images/sns/coming-fly-img1.png) no-repeat;}
.cooingsoon-heading.purple:before {position: absolute;right: -50px; top: -110px;content: ""; width: 152px;height: 142px;background: url(../images/sns/coming-fly-img2.png) no-repeat;}
.gated_footer{clear: both}
/*.slick-slider .slick-track, .slick-slider .slick-list { height: 100%; }*/
.comingsoon-section.float-left{width: 100%}
.photo-contest-details-banner img{width: 100%}

.photo-contest-details .bannerCon {
   position: absolute;
    align-items: center;
    transform: translate(-50%, -50%);
    top: 63%;
    left: 49.5%;
    max-width: 410px;
    width: 100%;
    text-align: center;
}
.photo-contest-details .bannerCon h2{font-size: 50px;font-family: 'Noto Sans Japanese'; font-weight: 900; color: #fff;}
.photo-contest-details .bannerCon h2 span{font-size: 38px; display: block}
.photo-contest-details .bannerCon p{font-size: 20px; color: #fff; font-weight: 900;margin: 10px 0;line-height: 25px;padding: 0 40px;} 
.photo-contest-details .bannerCon p span{color: #199682}
.spl-con-wrp{background: #fff; padding: 20px;}
.spl-con-wrp h2{margin-top: 30px;color: #1DA2C7;font-size: 28px;font-family: 'Noto Sans Japanese'; font-weight: 900; margin-bottom: 20px; }
.spl-con-wrp h2 span{color: #19223D;}
.spl-con-wrp p, .btn-section p, .freebie-content p{color: #19223D;font-size: 16px;font-family: 'Noto Sans Japanese'; font-weight: 700; line-height: 32px}
.spl-con-wrp {text-align: center;position: relative;}
.btn.btn-pgm, .btn.btn-pgm:hover, .btn.btn-pgm:active, .btn.btn-pgm:focus{border-radius: 40px;width: 100%;text-align: center;max-width: 400px;background-size: 200% auto;    margin: 0 auto 20px;display: block;    padding: 25px 0;
 background-image: linear-gradient(90deg, #182641 5%, #1a3755 10%, #1a4663 18%, #1d89ad 50%, #1c9ac0 40%, #1c9ac0 70%, #1c9ac0 100%)!important; font-size: 20px;box-shadow:0 0 0 0}
.btn.sns-btn_blue:focus{box-shadow:0 0 0 0}
.special-moment {background: #EFF2F4;padding-bottom: 200px; padding-top: 20px; outline: 0px;border: 0px;}


.btn-section {position: absolute;left: 50%;width: 100%; transform: translatex(-50%); bottom: -94px;}
.freebie-wrp, .jury-prize, .charg-award-wrp, .judge-con-wrp{position: relative;}
.freebie-wrp:before{position: absolute;left: 25px;    z-index: -1; top: 0px;content: ""; width: 320px;height: 670px;background: url(../images/sns/freebie-bg.png) left top 150px no-repeat;}
.freebie-content {padding: 20px 0 0 70px;}
.freebie-content .ouline-heading{font-size:64px;font-family: 'Noto Sans Japanese'; font-weight: 900; -webkit-text-stroke: 1px #000;text-stroke: 1px #000;-webkit-text-fill-color: transparent;text-fill-color: transparent; padding-bottom: 10px;}
.freebie-content p{line-height: 14px;}
.freebie-content p span.number{color: #1DA2C7; font-family: 'Noto Sans Japanese'; font-weight: 900;font-size: 40px;}
.jury-prize:before{position: absolute;left: 25px;    z-index: -1; top: 0px;content: ""; width: 100%; max-width:440px;height:330px;background: url(../images/sns/jury-prize-bg.png) left 100px top no-repeat;}
.charg-award-wrp:before{position: absolute;left: 25px;    z-index: -1; top: 0px;content: ""; max-width:320px;height:330px;background: url(../images/sns/chargaward-path.png) left 220px top no-repeat;}
.jury-prize .ouline-heading, .charg-award-wrp .ouline-heading{font-size:48px;font-family: 'Noto Sans Japanese'; font-weight: 900; -webkit-text-stroke: 1px #000;text-stroke: 1px #000;-webkit-text-fill-color: transparent;text-fill-color: transparent; padding-bottom: 10px;line-height: 60px;}


.judge-sec {padding: 0 0 120px 0;}
.jury-con p, .charg-award-wrp p, .freebie-content p, .judge-con p{font-size: 20px; color: #19223D; font-weight: 900;font-family: 'Noto Sans Japanese'; line-height: 30px;}
.freebie-content p{line-height: 16px;}
.jury-con p span, .charg-award-wrp p span{font-size: 40px; color: #1DA2C7;}
.freebie-section {padding: 70px 0;}
.charg-award-con{ padding: 20px 0 0 80px;text-align: center;}
.charg-award-wrp .ouline-heading{padding-bottom: 0px;}
.charg-award-wrp .disclaimer ul li{list-style: none}
.freebie-section .container{position: relative}
.judge-con{position: relative;align-items: left;}
.judge-con h2{font-size: 46px; color: #1DA2C7; font-weight: 900;font-family: 'Noto Sans Japanese'; margin-bottom: 15px;}
.judge-con h2 span{font-size: 16px;}
.judge-con .btn.sns-btn_blue{padding: 13px 80px; margin-bottom: 20px;}
.judge-con p.small-text{font-size: 14px;}
.freebie-section .disclaimer ul li, .application-procedure-section .disclaimer ul li{list-style: none; color: #19223D; font-weight: 700;font-family: 'Noto Sans Japanese'; font-size: 14px;padding-bottom: 10px;}
.application-con-wrp .steps-indicators ul{display: flex; justify-content: space-between;}
.application-con-wrp .steps-indicators ul li{ list-style: none; text-align: center;width: 25%}
.application-con-wrp .steps-indicators ul li{background: url(../images/sns/list-bg.png) top 15px center no-repeat;}
.application-con-wrp .steps-indicators ul li p{font-size: 18px; color: #19223D; font-weight: 900;font-family: 'Noto Sans Japanese'; margin-bottom: 15px; }
/*.application-con-wrp .steps-indicators ul li.two{background: url(../images/sns/list-bg-2.png) top center no-repeat;}
*/
/*.application-con-wrp .steps-indicators ul li.three{background: url(../images/sns/list-bg-3.png) top center no-repeat;}
.application-con-wrp .steps-indicators ul li.four{background: url(../images/sns/list-bg-4.png) top center no-repeat;}*/
.application-con-wrp .disclaimer{clear: both;padding: 30px 80px 60px;}
.application-con-wrp .disclaimer ul{list-style: none; padding: 0px; margin: 0px;}
.application-con-wrp .steps-indicators ul li span{background: #1DA2C7; height: 40px; width: 40px; color: #fff;   font-family: 'VELOSansMedium'; font-size: 20px; text-align: center; justify-content: center; align-items: center; display: flex;margin: 5px auto 20px;
 border-radius: 30px;}
.steps-indicators{padding: 0 80px;}
.application-con-wrp { border: solid 3px #19223D; margin-bottom: 120px;}
.application-con-wrp .heading {margin: 0px 0 30px -3px;background: #fff;display: block;padding: 30px 0 30px 0;}
.bottom-btn-section{min-height:260px;background:#EFF2F4 url(../images/sns/btn-bg.png) left bottom no-repeat; padding: 80px 0; position: relative}
.btn-wrp{    transform: translateY(-50%);    position: absolute; text-align: center; top: 50%; width: 100%;}
.bottom-btn-section .disclaimer{font-weight: 700;font-family: 'Noto Sans Japanese'; font-size: 16px; padding: 10px 0 0}
.photo-contest-details{position: relative;}
.spl-content-img{position: relative;}
.spl-content-img:before{background-size: 100%;position: absolute;content: ""; width:116px;height:120px;background: url(../images/sns/spl-con-img-top.png) left top no-repeat; z-index: 9;left: -10px; top: -46px; }
.spl-content-img:after{background-size: 100%;position: absolute;content: ""; width:116px;height:120px;background: url(../images/sns/spl-con-img-bottom.png) left top no-repeat; z-index: 9;right: -34px; bottom:-60px; }
.text-ds{margin: 0px;}
.photo-wrp .application-period .application-period-title{line-height: 29px; padding: 2px 35px;}
button.disabled {background: #707070!important;font-size: 16px;border-radius: 30px;color: #fff;font-size: 14px;border: solid 0px #000;}
.product-info button.disabled{width: 100%; border-radius: 0px; border: solid 0px #000;}
.banner-title .btn.sns-btn_blue{     margin: 30px 0 0 130px;      background: #b51460; transform: rotate(15deg); z-index: 99999; position: relative}
button.disabled:hover{color: #fff}

.top-m{margin-top: 20px;}
.banner-img{position: relative;}
.photo-contest-section .disclaimer {
    color: #000; position: absolute; bottom:0px;    
    font-size: 12px;    font-weight: 400;
    text-align: right; right: 10%;
}

@media (min-width: 768px) and (max-width: 1024px){
	.sns-banner h2{font-size: 32px;}
	.sns-banner h2 span{font-size: 22px;}
	.sns-banner p{font-size: 12px;}
	.sns-banner .banner-title{padding: 40px 0 0 0;}
	.banner-title .btn.sns-btn_blue{margin: 0px;}
	.sns-banner .disclaimer{padding: 40px 0  0 0;}
	.pick-up-heading img {width: 100%;}
	.left-sec img, .right-sec img, .right-sec2 img{width: 100%; margin-bottom: 30px;}
	.left-sec:before{left: -10px;top: -75px; width: 120px; height: 100px;background-size: 100%;}
	.photo-wrp .bannerCon { min-width: 260px;max-width: 260px;}
	.photo-contest-section p {line-height: 18px;margin-bottom: 10px;font-size: 12px;}
	.application-period{    margin-bottom: 10px;    font-size: 12px;}
	.photo-contest-section h2{font-size: 25px;    margin-bottom: 10px;}
	.comingsoon-section h2{font-size: 34px;}
	.cooingsoon-heading.purple:before{top: -80px;left: -50px;    height: 92px;width: 92px;background-size: 100%;}
	.comingsoon-section.float-left .photo-wrp .bannerCon{left: 70px;}
	.right-sec:before{    right: -50px;    top: 190px;    width: 120px;height: 102px;     background-size: 100%;}
	.pick-up-section h2 span{    font-size: 22px;}
	.photo-contest-details .bannerCon{top: 65%;}
	.photo-contest-details .bannerCon h2{    font-size: 30px;}
	.photo-contest-details .bannerCon p{    font-size: 9px;}
	.photo-contest-details .bannerCon h2 span{    font-size: 21px;}
	.spl-con-wrp img {width: 100%;}
	.application-period .date-box{    min-width: 445px;}
	.application-period .application-period-title{padding: 5px 15px;}
	.application-period .application-period-title{font-size: 16px;line-height: 44px;}
	.high-size{    font-size: 28px;}
	.freebie-content .ouline-heading{font-size: 35px;}
	.jury-con p, .charg-award-wrp p, .freebie-content p, .judge-con p{font-size: 18px;}
	.freebie-content {padding: 20px 0 0 40px;}
	.freebie-wrp:before {width: 350px;background-size: 90%;}
	.freebie-content img {width: 100%;}
	.jury-prize:before {background-size: 90%;background-position: right top;}
	.jury-prize img.camera-2-pic {
    width: 100%;
    padding: 80px 0 0 90px;}
	.jury-prize .ouline-heading{font-size: 38px;}
	.jury-con {position: absolute;top: 40px;left: -44px;}
		.charg-award-wrp:before{ max-width:540px;background-position: top;background-size: 70%;}
	.charg-award-wrp .ouline-heading{font-size: 32px;}
	.charg-award-con{padding: 0px;}
    .freebie-section {padding: 70px 0 200px;}
	.judge-con{position: absolute;align-items: left;bottom: -150px;left: 28%;text-align: left;}
	.judge-con-wrp-img{width: 100%}
    .application-procedure-section {margin: 50px 0 0;}
    .steps-indicators {padding: 0 15px;}
	.application-con-wrp .steps-indicators ul li{background-size: 100%!important;}
	.application-con-wrp .disclaimer {padding: 20px;}
	.spl-content-img:before{    left: -61px;}
	.spl-content-img:after{    right: -85px;}
	.photo-wrp .application-period .date-box {
    min-width: 153px;
    font-size: 11px;
    padding: 8px 5px;}
	.photo-wrp .application-period .application-period-title {
    line-height: 24px;
    font-size: 11px;}
	}

@media (min-width: 992px) and (max-width: 1024px){
	.sns-banner h2{    font-size: 42px;}	
	.sns-banner h2 span{font-size: 32px;}
.right-sec:before{    right: -40px;    top: 290px;    width: 120px;height: 102px;     background-size: 100%;}
.sns-banner .banner-title{padding: 60px 40px 0 0;}
	.sns-banner p{font-size: 14px;}
	.banner-title .btn.sns-btn_blue{    margin: 10px 0 0 60px;}
	.photo-wrp .bannerCon{min-width: 330px;}
	.photo-wrp .application-period .date-box{min-width: 226px;}
	
}

@media (min-width: 768px){
.sns-banner .bannerCon{ right: 0px; height: 100%;top: 0px;}
.right-sec{    margin-top: 0px;}	
.pick-up-heading{    position: relative;z-index: 999;}
.spl-con-wrp{ padding:70px 50px 70px;}
.charg-award-wrp:before{ max-width:540px; width: 100%}
.judge-con .heading {margin:0px 0 30px -70px; }
.special-moment {padding-top: 80px}
.none-desktop{display: none}
.freebie-section .disclaimer {position: absolute;bottom: -220px;z-index: 9;right: 0px;}
}

@media (min-width: 1025px){
.pick-up-heading {padding-left: 100px;}	
.photo-wrp .bannerCon{ min-width: 430px;max-width: 430px;}
.comingsoon-section .photo-wrp .bannerCon{ min-width: 540px;max-width: 540px;}

.sns-banner .banner-title {float: right;padding: 140px 40px 0 0;transform: rotate(-15deg); }

.application-period .date-box{min-width: 505px;}
.photo-wrp .application-period .date-box{min-width: 220px;text-align: center;}
.photo-wrp .application-period{    justify-content: left;padding-left: 5px;}
.freebie-wrp:before{width: 570px;}	
.camera-2-pic {margin-left: 145px;}
.jury-con {position: absolute;top: 72px;left: -44px;}
.judge-con{position: absolute;align-items: left;bottom: -80px;left: 28%;text-align: left;}
	.banner-title .btn.sns-btn_blue{    min-width: 250px;}	

}

@media (max-width: 767px){
	.sns-banner h2{font-size: 32px;}	
	.sns-banner h2 span{font-size: 27px;}
	.sns-banner p{font-size: 16px;}
	.sns-banner .disclaimer{padding: 0px; margin: 0px;position:static;}
	.sns-banner .bannerCon{bottom: 10px;left: 0px; }
	.sns-banner .banner-title{float: left;margin-bottom: 0px;}
	.left-sec{margin-bottom: 70px}
	.left-sec img, .right-sec img, .right-sec2 img{width: 100%}
	.pick-up-heading img, .photo-wrp img, .freebie-content img, .camera-2-pic, .spl-con-wrp img, .judge-con-wrp img{width: 100%}
    .judge-sec .container {padding: 0px;}	
	.spl-con-wrp img{width: 94%;}
	.pick-up-section{background-position:left top 50px;  padding-bottom: 60px;  background-size: cover;}
	.left-sec img{position: relative; left: 0px;}
	.right-sec img{position: relative; right:0px;}
	.pick-up-heading {padding-bottom: 60px;z-index: 99; position: relative; padding: 0 15px 30px;}
	.left-sec:before{left: 10px;top: -25px;background-size: 70%;    width: 115px; z-index: 9}
	.right-sec:before{    background-size: 100%;    width: 90px;height: 162px;right: 0px;    top: -40px; z-index: 9}
	.pick-up-section h2{margin-top: 25px;}
	.none-mb{display: none}
	.btn.btn_blue{width: 100%; font-size: 16px;}
	.photo-wrp .bannerCon{    transform: inherit;position: relative; margin-bottom: 30px;}
	.photo-contest-section h2{font-size: 32px; margin: 30px 0 20px ;}
	.application-period{   line-height: 28px; width: 100%;    min-width: 290px;display: block;text-align: center;padding-right: 0px;}
	.application-period span{margin: 0px;}
	.comingsoon-section h2{color: #19223D; font-size: 30px;margin:27px 0 35px;display: inline-block;padding-right: 82px;}
	.cooingsoon-heading.yellow:before, .cooingsoon-heading.purple:before{top: -51px;right: 0px;background-size: 100%;    width: 82px;height: 91px;}
	.comingsoon-section .btn-outline{    border: solid 1px #19223D;color: #19223D; width: 100%;    text-align: center; display: block}
	.photo-wrp .bannerCon{margin-bottom: 50px; padding: 0 20px;}
	.comingsoon-section.float-left .photo-wrp .bannerCon{transform: inherit}
	.pick-up-section h2 span {font-size: 20px;line-height: 30px;}
	.pick-up-section h3{font-size: 18px;line-height: 28px;}
	.pick-up-section .col-md-6.col-sm-12.left {
    padding-left: 0px;padding-right: 25px;}
	.pick-up-section .col-md-6.col-sm-12.right{ padding-right: 0px;padding-left: 25px;}
	.pick-up-section .container {padding: 0px;max-width: 100%;}
   .con-wrp {padding: 0 0 0 25px ;}
	  .right-sec .con-wrp {padding: 0 25px 0 0px ;}
	  .right-sec2 .con-wrp {padding: 0 25px 0 0 ;}
	.freebie-wrp:before{    left: 0px;transform: translateX(-10%);
    background-position: left center;
    background-size: 100%;
    width: 100%;}
	.jury-prize:before{left: 30px;
    background-position: left bottom;
    max-width: 100%;
    background-size: 85%;}
	.charg-award-wrp:before{left: 0px; background-position: left top; width: 100%;    background-size: 100%;}
	.photo-contest-details {position: relative;}
	.freebie-content {padding: 20px 0 0 20px;}
	.photo-contest-details .bannerCon{top: 41%;}
	.photo-contest-details .bannerCon p{padding: 0 20px}
	.photo-contest-details .bannerCon h2 span{font-size: 34px;}
	.photo-contest-details .bannerCon h2{font-size: 45px;}
	.m-block{display: block}
	.spl-con-wrp h2 {margin: 30px 0 40px;text-align: center;font-size: 26px;}
	.application-period .date-box{line-height: 35px;padding: 10px 20px 10px;}
	.spl-con-wrp{    padding-bottom: 10px;}
	.btn-section{    width: 90%;    bottom: -124px;}
	.spl-con-wrp{text-align: left}
	.special-moment{padding-bottom: 150px;}
	.jury-prize {padding-left: 80px;}
	.jury-con p{margin-bottom: 0px;    font-size: 18px;}
	.freebie-wrp {margin-bottom: 25px;}
	.charg-award-wrp .ouline-heading {padding-bottom: 0px;font-size: 32px;}
	.jury-con p, .charg-award-wrp p, .freebie-content p, .judge-con p{font-size: 18px;}
	.charg-award-con{padding:20px 0 0px;}
	.freebie-section .disclaimer{margin: 20px 0 0}
	.judge-con-wrp .heading img {width: 60%; margin-bottom: 20px;}
	.freebie-section{padding-bottom: 0px; padding-top: 30px;}
	.judge-con{    margin-top: -120px;padding: 0 15px;}
	.judge-con h2{font-size: 40px;}
	.judge-con .btn.sns-btn_blue{font-size: 16px;  padding: 10px 20px;  width: 100%;}
	.judge-sec{padding-bottom: 20px;}
	.application-con-wrp .heading img {width: 60%;}
	.steps-indicators { padding: 0 20px;}
	.application-con-wrp .steps-indicators ul{display: block}
	.application-con-wrp .steps-indicators ul li{background-size: 100%!important; margin-bottom: 30px;   width: 49%; display: inline-block;}
	.application-con-wrp .disclaimer{padding: 20px;}
	.bottom-btn-section .btn-wrp{padding: 0 20px; text-align: left}
	.freebie-content .ouline-heading{    font-size: 48px;}
	.spl-content-img:before{    width: 65px;    height: 90px;left: -34px;top: -20px;background-size: 100%;}
		.spl-content-img:after{    width: 65px;    height: 80px;right: -34px;bottom: -20px;background-size: 100%;}
	.freebie-section .container, .judge-sec .container, .application-procedure-section .container, .special-moment .container{max-width: 100%}
	.application-con-wrp .heading{margin: 0px 0 0px -3px}
	.btn.sns-btn_blue{width: 100%}
	.cooingsoon-heading.yellow:before{    top: -30px;right:0px; left: inherit}
    button.disabled{width: 100%}
	.photo-contest-section .disclaimer{    margin: 0px;    bottom: 10px; right: 0px;}
	.banner-title .btn.sns-btn_blue{    margin: 20px 0 20px 0px;}
	.right-sec2 {
    margin-bottom: 70px;
}
}

@media (max-width: 375px){
	.photo-contest-details .bannerCon h2{font-size: 45px;}
	.photo-contest-details .bannerCon h2 span{    font-size: 32px;}	
	.charg-award-wrp .camera-2-pic{    width: 80%; float: right; padding-right: 15px;}
	.photo-contest-section h2{    font-size: 28px;}
}

@media (max-width: 360px){
	.photo-contest-details .bannerCon h2{font-size: 38px;}
	.photo-contest-details .bannerCon h2 span{    font-size: 25px;}	
	.charg-award-wrp .ouline-heading{    font-size: 28px;}
	.jury-con p, .charg-award-wrp p, .freebie-content p, .judge-con p {font-size: 14px;}
	.application-con-wrp .steps-indicators ul li.one img, .application-con-wrp .steps-indicators ul li.three img {
    width: 100%;}
	.application-con-wrp .steps-indicators ul li p{    font-size: 14px;}
	.bottom-btn-section .btn-wrp a.btn.btn-pgm, .special-moment .btn-section .btn.btn-pgm {
    font-size: 15px;}
	.jury-prize .ouline-heading{font-size: 42px;}
	.charg-award-wrp .ouline-heading{font-size: 28px;}
	.application-period{    min-width: 245px;}
	.application-period .date-box{    font-size: 16px;}
	.spl-con-wrp p{font-size: 14px;}
	.spl-content-img:before, .spl-content-img:after{    width: 55px;}
	.spl-content-img:after{bottom: -40px;}
	.photo-contest-section h2{    font-size: 25px;}
}




/*Phase2  DROP3*/

/*.win-popup{position: relative;}

.win-popup .pop-content{position: relative; background: #fff}
.sm-content.win-popup {padding: 0px;}
.win-popup .pop-content:before{background: #041E42;
position: absolute;
width: 100%; left: 0px; top: -1px;
background: url(../images/lottery/blue-rectangle-bg.png) left top no-repeat; 
height: 100%;
content: "";}
.losepopup .pop-content:before{background: #041E42;
position: absolute;
width: 100%; left: 0px; top: -1px;
background: url(../images/lottery/gry-rectangle-bg.png) left top no-repeat; 
height: 100%;
content: "";}
#winpopup .sm-container{border-radius: 6px; background: none}
.sm-content.win-popup .content-wrp, .sm-content.losepopup .content-wrp{position: relative; z-index: 9;text-align: center;}
.sm-content.win-popup .content-wrp h2 {color: #fff; font-family: 'VELOSansBold'; font-size: 82px; font-weight: 700; padding: 20px 0 0px}
.sm-content.win-popup .content-wrp p{color: #00AED6; font-family: 'Noto Sans Japanese'; font-weight:900;font-size: 26px;  padding: 0px 0 0px; margin: 0px;}
.sm-content.win-popup .content-wrp h3 {color: #041E42; font-family: 'Noto Sans Japanese'; font-size: 26px; font-weight:900; margin: 0px 0 0px;padding-bottom: 30px;}
.win-close {background: url(../images/lottery/plus.png) left top no-repeat; position: absolute; width: 29px; height: 29px; top: 10px; right: 25px;z-index: 9999; border: 0px; cursor: pointer}
.btn-close {background: url(../images/lottery/btn-close.png) left top no-repeat; position: absolute; width: 29px; height: 29px; top: 24px; right: 10px;z-index: 9999; border: 0px; cursor: pointer}

.sm-content.losepopup h2 {color: #fff; font-family: 'VELOSansBold'; font-size: 82px; font-weight: 700; padding: 20px 0 0px}
.sm-content.losepopup p{color: #00aed6; font-family: 'Noto Sans Japanese'; font-weight:900;font-size: 26px;  padding: 0px 0 0px; margin: 0px;}
.btn_sky{background:#041e42; color: #fff;font-family: 'VELOSansMedium'; font-weight: 600; font-size: 16px; margin-bottom: 10px; border: 0px;}
.btn_skyborder{border:solid 2px #00AED6!important; background-color:#fff;font-family: 'VELOSansMedium';font-weight: 600;font-size: 16px; margin-bottom: 10px; color:#00AED6; outline: 0px;}
.btn_skyborder:hover{color:#00AED6}*/
/*.shape_lose{position: relative; display: inline-block;   padding: 40px 0 110px;}
.losepopup .shape_lose:before{
position: absolute;
width: 140px; left: -63px; top: -20px;
background: url(../images/lottery/vector_top.png) left top no-repeat; 
height: 120px;
content: "";}
.losepopup .shape_lose:after{
position: absolute;
width: 140px; right: -40px; bottom: 20px;
background: url(../images/lottery/vector_bottom.png) left top no-repeat; 
height: 120px;
content: "";}*/
button:focus{border: 0px; outline: 0px;}

/*@media (max-width: 767px){
.sm-content.losepopup h2, .sm-content.win-popup .content-wrp h2{    font-size: 60px;}
}*/

/*rewards*/
.rewards-banner{background: #fff; padding-bottom:0px;}
.rewards-banner .imgSrcChange{width: 100%; }
/*.rewards-con-sec{background: #F9F9F9;clear: both;}*/
.v-coins-wrp{background: #fff; padding: 0px 25px 0px 0; margin-bottom: 20px;}
.v-coins-wrp,  .v-coins-top{display: flex; justify-content: center; align-items: center;}
.v-coins-top .heading-left{color: #000000; font-family: 'Noto Sans Japanese'; font-weight: 600; font-size: 26px}
.v-coins-top .price{color: #00AED6; font-family: 'Noto Sans Japanese'; font-weight: 600; font-size: 60px}
.v-coins-top .price span{font-size: 20px;}

.v-coins-top { justify-content: space-between; border-bottom: solid 2px #00AED6; margin-bottom: 10px;}
.v-coins-bottom{justify-content: space-between;display: flex;align-items: center;}
/*.acquisition{font-family: 'Noto Sans Japanese'; font-weight: 600; font-size: 12px; color: #000000; padding-left: 20px; position: relative;}
.acquisition a{color:#000; text-decoration: underline}
.acquisition:before{position: absolute;
width: 18px; left:0px;
background: url(../images/lottery/time.png) left center no-repeat; 
height: 20px;
content: "";}
.v-coins-wrp {
    top: -18px;
    position: relative;
}*/
.save-coins{background:#00AED6;  padding:7px 60px; color:#fff;font-family: 'Noto Sans Japanese'; font-weight: 600;font-size: 20px}
.save-coins:hover{color:#fff; text-decoration: none}
.product-wrp {text-align: center;}
.product-wrp .heading{font-family: 'Noto Sans Japanese'; font-weight: 900;font-size:40px; color: #00AED6; text-align: center; margin-bottom: 45px; position: relative; margin-top: 0px; display: inline-block;}
.product-wrp .heading span{font-family: 'VELOSansBold'; color:#000; text-transform: uppercase}


.item-block{background: #fff;padding-bottom: 0px; margin-bottom: 30px;height: 92%;}
.item-block .coins{font-family: 'VELOSansBold'; font-weight: 900;font-size:30px;color: #00AED6; float: right; padding: 10px 40px 10px 0;margin-right: 10px; position: relative;}
.item-block .coins:after{position: absolute;
width: 31px; right:0px; bottom: 0px;
background: url(../images/lottery/product-right-shap.svg) left center no-repeat; 
height: 34px;
content: "";}
.item-block .coins span{font-family: 'Noto Sans Japanese'; font-weight: 600;font-size:14px;color: #232323;}
.bottom-quo{font-family: 'Noto Sans Japanese'; font-weight: 900;font-size:14px;color: #232323; padding:20px 10px; text-align: left}
.item-block img.product-img {width: 100%;}
.btn{text-align: center}

.coins-carousel .items .pointPop-title{color: #00AED6; font-family: 'Noto Sans Japanese'; font-weight: 900;font-size:20px;    margin: 0px;}
span.item-title {color: #000000;font-size: 20px; font-family: 'Noto Sans Japanese'; font-weight: 900;}
.item-content{font-size: 20px; font-family: 'Noto Sans Japanese'; font-weight: 900; color: #000;}
.item-content span.number{font-size: 64px; font-family: 'VELOSansBold'; font-weight: 900; color: #0047BB;}
.item-content span.blue-text{color: #0047BB}
.coins-details {display: flex;justify-content: center; align-items: center;line-height: 60px;}
.coins-carousel .item-description{font-family: 'Noto Sans Japanese'; font-weight: 400;font-size:12px;}
.slick-slide .point_middlesection img { display: inline;}
.point_middlesection .item-content{position: relative;display: inline-block;}
.point_middlesection .item-content:before{position: absolute;width: 55px; left: -60px; top: -10px;background: url(../images/lottery/reward-popup-left-shape.svg) left center no-repeat; height: 65px;content: "";}
.point_middlesection .item-content:after{position: absolute;width: 28px; right:-30px; bottom: -10px;background: url(../images/lottery/reward-popup-right-shape.svg) left center no-repeat; height: 33px;content: "";}
.point_middlesection .item-content_:before{position: absolute;width: 60px; left: -60px; top: -10px;background: url(../images/lottery/reward-popup-left-shape1.svg) left center no-repeat; height: 72px;content: "";}
.point_middlesection .item-content_:after{position: absolute;width: 34px; right:-30px; bottom: -10px;background: url(../images/lottery/reward-popup-right-shape1.svg) left center no-repeat; height: 37px;content: "";}

.coins-carousel .slick-dots li button {
    width: 8px;
    height: 8px;
    background: #00AED6; opacity: 0.5;
    border-radius: 50%;
    color: transparent;
    border: none;
}
.coins-carousel .slick-dots li.slick-active button {background: #00AED6; opacity: 1}
.coins-carousel .slick-dots li { display: inline-block; margin: 0 4px;}
.coins-carousel ul.slick-dots {text-align: center;}
.coins-carousel .btn_blue{background: #00AED6}
.coins-carousel .point_middlesection {
    margin-bottom: 0px;
}
.coins-carousel ul.slick-dots {
    text-align: center;
    position: absolute;

    width: 100%;
    bottom: 50px;
}
.coins-carousel  .point_bottomsection{    padding: 50px 0 20px;}

@media (min-width: 768px) and (max-width: 1024px){
.left-lins-logo img { width: 100%;}
	
	
}
/*@media (min-width: 768px){
.left-lins-logo {width: 20%;}
.coins-wrp{width: 80%;margin-top: -15px;}
.rewards-banner{background: #fff; padding-bottom:0px;}
.item-block{background: #fff;padding-bottom: 0px; margin-bottom: 30px;min-height: 330px;}
}*/


@media (max-width: 767px){
	
	.left-lins-logo{display: none}
	.v-coins-top .heading-left{font-size: 14px;}
	.v-coins-top .price{font-size: 34px;}
	.save-coins{    padding: 7px 20px;    font-size: 12px;}
	.v-coins-wrp {
    top: 0;
    position: relative;
    display: block;
    width: 96%;    margin: 0 2%;
    padding: 0 10px 10px 10px;}
	.product-wrp .heading{ margin-bottom: 25px;   font-size: 20px;}
	.product-wrp .heading:before {
    background-size: 65%;
    left: -42px;}
	.product-wrp .heading:after {
    background-size: 100%;
    right: -30px;
    width: 30px;}
	.product-wrp .col-6{padding: 0 7px}
	.rewards-con-sec .container{padding: 0px 5px;}
	.item-block{background: #fff;padding-bottom: 0px; margin-bottom: 20px;height: 94%;}
	.product-wrp .heading img{width: 100%}
	.item-block .coins{font-size: 20px;padding: 10px 30px 10px 0;}
	.item-block .coins span {font-size: 10px;}
	.item-block .coins:after {background-size: 100%;width: 25px;}
	.v-coins-wrp .save-coins{padding: 7px 30px;}
}

/*details item*/
.details-top-section{background: #F9F9F9;padding: 30px 0;width: 100%;}
.details-top-bar .v-coins-top .heading-left{font-size: 16px;}
.details-top-bar .v-coins-top .price{font-size: 34px;}
.details-top-bar .v-coins-top .price span{font-size: 11px;}
.details-top-bar .acquisition{margin-right: 20px;}
.details-top-bar .save-coins{    font-size: 14px;padding: 7px 40px;}
.product-detail_{background: #fff;    padding: 0 0 40px;margin-bottom: 0px;}
.product-detail_ .breadcrumb{background: none; margin: 0px; padding-bottom: 15px; padding-left: 0px;}
.product-detail_ .breadcrumb ul{margin: 0px; padding: 0px 0 0 10px;}
.product-detail_ .breadcrumb ul li{position: relative; list-style: none}
.product-detail_ .breadcrumb ul li:after { background: url(../images/lottery/breadcrumb-arrow.png) left center no-repeat;left: -10px;width: 6px; height: 10px; content: ""; position: absolute; top: 42%; }
.product-detail_ .breadcrumb ul li a{color: #00AED6; font-size: 14px;font-family: 'Noto Sans Japanese'; font-weight: 900;}

.detail-price{display: inline-block;font-family: 'VELOSansBold';font-weight: 900;font-size: 34px;color: #00AED6;padding: 50px 0px 30px 0;margin-right: 10px; position: relative;line-height: 24px;}
.detail-price:after{ background: url(../images/lottery/product-title-icon.png) left center no-repeat;right: -35px;width: 38px; height: 41px; content: ""; position: absolute; top: -20px;}
.detail-price span{font-size: 14px;color: #232323;    font-weight: 600;font-family: 'Noto Sans Japanese';}
.product-detail_title{font-weight: 900;font-family: 'Noto Sans Japanese';font-size: 18px;color: #000; margin-bottom: 10px; }
.product-detail_short-description, .product-tags{font-size: 14px;color: #232323;    font-weight: 500;font-family: 'Noto Sans Japanese'; margin: 0px 0 12px;}
.product-info .save-coins{display: block; text-align: center; padding: 10px 0; font-size: 20px;}
.product-tags{clear: both; margin-bottom: 30px;}
.product-info{position: relative}
.ribbon {position: absolute;right: 25px;top: -20px;}
section.accordion-sec {background: #F9F9F9; padding: 50px 0}
.fund-item{background: #fff;}
.fund-item-con{padding: 20px;}
.fund-item h5{background: #232323; padding: 15px 20px;font-weight: 900;font-family: 'Noto Sans Japanese';font-size: 18px;color: #fff;}
.fund-item ul li{list-style: none}
.fund-item ul ul{padding-left: 20px;}
.product-image img {box-shadow: 0 0px 11px #ddd;width: 100%;}
.fund-item-con p, .fund-item-con ul li{color: #232323;font-weight: 500;font-family: 'Noto Sans Japanese';font-size: 12px;}
.fund-item-con strong{font-size: 12px;color: #232323;font-weight: 900;font-family: 'Noto Sans Japanese';}
.fund-item-title {
	position: relative;}
.fund-item-title.open:after {
    background: url(../images/lottery/arrow-up.png) no-repeat right center;
    width: 20px;
    height: 20px;
}
.fund-item-title:after {
    content: '';
    position: absolute;
    top: calc(50% - 10px);;
    right: 20px;
    background: url(../images/lottery/arrow-down.png) no-repeat right center;
    width: 20px;
    height: 20px;
}
.index-tableContainer{margin-bottom: 30px;}
.product-info .index-row {
    display: flex; margin-bottom: 5px;font-family: 'Noto Sans Japanese'; font-size: 12px; font-weight: 400;
    align-items: center;
}
.index-rowKey{min-width: 70px;}
/*#losepopup .sm-container, #winpopup .sm-container{border-radius: 4px;}*/
.save-coins.btn.disabled {
    background: #777;
}
@media (min-width: 768px){
.details-top-bar{display: flex; justify-content: space-between; background: #fff; padding: 0px 10px 0px 20px; }
.details-top-bar .v-coins-top{border: 0px; width: 35%}
.details-top-bar .v-coins-top .price{font-size: 40px;}
.details-top-bar .v-coins-top .price span{font-size: 14px;}	
.product-content-wrapper.row{margin: 0 -15px;}	
.detail-price{padding: 10px 0px 30px 0;}	
.product-detail_title{    max-width: 360px;}
.v-coins-bottom .save-coins {font-size: 20px;padding: 7px 70px;}	
.details-top-bar .save-coins{    font-size: 14px;padding: 7px 40px;}
	
}
@media (min-width: 768px) and (max-width: 991px){.details-top-bar .v-coins-top{width: 45%;} .v-coins-wrp{padding-bottom: 15px;}}
@media (max-width: 767px){
.ribbon {position: absolute;right: 0;top: 20px;}
.product-detail_ .breadcrumb{    padding-bottom: 15px;padding-left: 15px;}	
.product-detail_ .container {padding: 0px;}	
section.accordion-sec{padding: 20px 0;}	
.details-top-bar .save-coins{    padding: 7px 20px;}
.detail-price:after {top: 28px;}
.comingsoon{width: 100%}
.coins-carousel .point_middlesection {    min-height: 262px;}
}

@media (max-width: 375px){
	
.point_middlesection .coins-details{    line-height: 40px;}	
.point_middlesection .item-content span.number{    font-size: 32px;}	
.point_middlesection .item-content{    font-size: 20px;}
.coins-carousel ul.slick-dots{bottom: 50px;}
.coins-carousel span.item-title{    font-size: 20px;}
.coins-carousel .item-description{    font-size: 10px;}	
.point_middlesection .item-content_:before, .point_middlesection .item-content:before{background-size: 100%;    width: 40px;left: -45px;}
.win-close{    right: 15px;}
.sm-content.win-popup .content-wrp p{font-size: 22px;}
img.win-box {width: 95%;}
}


/*navigation*/
.coin-history{padding: 0px;}
@media (min-width: 992px){
	
header.header .navbar .navbar-nav a {font-size: 14px;line-height: 20px;}
header.header .navbar .navbar-nav li{    padding: 0px 0px;display: inherit;}	
header.header .navbar .navbar-nav a{padding: 16px 20px;line-height: 27px;}
.navbar .navbar-nav a:hover, .navbar .open-on-hover .dropdown-menu a:hover, .navbar .navbar-nav .cart-nav .dropdown-menu a:hover{background: #041E42; color: #fff;}
.navbar .navbar-nav .cart-nav a:hover{background: none;color: #000;}
header.header .navbar .open-on-hover .dropdown-menu a{color: #000;opacity: 1;}
header.header .navbar .open-on-hover .dropdown-menu a:hover{color: #fff}
header.header .navbar .open-on-hover .dropdown-menu a:hover{opacity: 1;text-decoration: none;}
header.header .navbar .navbar-nav li.active:hover a{color: #fff}
.user_icon_mob{display: none}
header.header .navbar .navbar-nav a{text-align: center;}
	
}
@media (max-width: 992px){
.navbar .user_icon_mob  {position: absolute;right: 60px; top: 45%;transform: translateY(-50%);}
.navbar .icon-bar{    background-color: #041E42;}
.navbar .ungated-user_icon_mob{right: 30px; color: #000; z-index: 99}
.navbar .navbar-toggler.collapsed .bottom-bar {width: 60%;}
}


/*STORE LOCATOR*/
.storeMapWrap{background: #00AED6;}
.gps-loctation, .storeTxt h1{color:#00AED6}
.store-velo-logo{padding: 100px 0 }
.store-velo-logo img{width: 150px;}

/*popup_genral*/
.btn_wrp{display: flex; align-items: center; justify-content: center;}
.btn_wrp .btn{min-width: 150px; margin: 0 10px;}
.content-sec_normal h1{color: #041e42;font-weight: bold;font-size: 30px; text-align: center}
.content-sec_normal{padding:0 25px 20px;}
.content-sec_normal a{color: #000}
@media (max-width: 375px){
	
	.btn_wrp{display: block;text-align: center;}
	.btn_wrp .btn{width: 100%; margin: 0px 0 10px;}
	.content-sec_normal{padding: 0 0 20px;}
	.normal_popup .content-wrp {
    padding: 0 15px;
}
}



/*oral_tabaco*/
.oral_tabaco_heading{padding: 90px 0; margin: 0 auto;    text-align: center;}
.oral_tabaco_heading h2{font-size: 40px; color: #009480; font-family: 'Noto Sans Japanese'; font-weight: bold; line-height: 47px; position: relative; text-align: center; padding: 0px 35px 0 70px; display:inline-block; text-align: center}
.oral_tabaco_heading h2:before{background-size: 100%;position: absolute;content: ""; width:66px;height:79px;background: url(../images/oral_tabaco/heading-left-shape.svg) left top no-repeat; z-index: 9;left: 0px; top: -30px; }
.oral_tabaco_heading h2:after{background-size: 100%;position: absolute;content: ""; width:37px;height:45px;background: url(../images/oral_tabaco/heading-right-shape.svg) right bottom no-repeat; z-index: 9;right:0px; bottom: -16px; }
.oral_tabaco_02{ background: #F9F9F9; padding: 70px 0 70px;}
.tabaco-step-wrp h2{text-align: center; font-size: 36px; color: #00AED6; font-family: 'Noto Sans Japanese';  line-height: 42px; font-weight: bold;margin-bottom: 50px;}
.tabaco-indicators ul{ list-style: none; padding: 0px; margin-bottom: 40px;}
.tabaco-indicators ul li{text-align: center; width: 33.333%}
.tabaco-indicators ul li h2{font-family: VELOSansBold; font-size: 32px; line-height: 40px; position: relative; color: #001E45}
.tabaco-indicators ul li h2:after{position: absolute; width: 50px; left:calc(50% - 27px); content: ""; border: solid 2px #001E45;    bottom: -15px;}
.tabaco-indicators ul li p{color:#00AED6;/*font-family: 'Noto Sans Japanese';*/ font-size: 28px; /*font-weight: bold;*/ line-height: 30px; margin-top: 20px; margin-bottom: 10px}
.tabaco-indicators ul li p span{font-size: 22px; display: block;line-height: 28px;}
.tabaco-indicators ul li span.tabaco_item-smalltext{color: #656665; font-size: 12px;font-family: 'Noto Sans Japanese'; }
.tabaco_item_btn {display: block;text-align: center;clear: both; width: 100%;}
.oral_tabaco_03{padding:70px 0;}
.tabaco_item_btn .btn{background: #00AED6; border-radius: 0px; font-weight: bold; font-size: 20px; padding: 10px;font-family: 'Noto Sans Japanese'; outline: 0px; border: 0px;letter-spacing: 2px;}
.tabaco_item_btn .btn:focus,.tabaco_item_btn .btn:hover {outline: 0px; border: 0px;}
.choose_indcator h2{font-family: Noto Sans Japanese; font-size: 42px; line-height: 52px; position: relative; color: #009480; text-align: center;font-weight: bold; margin-bottom: 40px;}
.choose_indcator ul{list-style: none; padding: 0px; text-align: center;justify-content: center;}
.choose_indcator ul li {display: inline-block;  text-align: center; margin: 20px 0 30px; padding: 0px;}
.choose_indcator ul li h2{font-family: Noto Sans Japanese; font-size: 22px; line-height: 40px; position: relative; color: #009480; text-align: center;font-weight: bold}
.choose_indcator ul li p{font-family: Noto Sans Japanese; font-size: 20px; line-height: 30px;color: #009480; font-weight: bold; margin: 0px;}
.choose_indcator ul li .short-description{font-family: Noto Sans Japanese; font-size: 16px; line-height: 22px; position: relative; color: #757778; text-align: center; font-weight: 900}
.choose_indcator ul li ul {display: flex; align-items: center; justify-content: center}
.choose_indcator ul li ul li {width: auto;text-align: center;}
.tabaco_item_btn .btn.green-btn{background: #009480; }



@media (min-width: 768px){
.tabaco-indicators ul{display: flex; }
.tabaco_item_btn .btn{padding: 10px 35px;}
.none-desktop{display: none!important}	
}

@media (min-width: 768px) and (max-width: 991px){
.oral_tabaco_heading h2{font-size: 34px;}
.tabaco-indicators .tabaco_step img { width: 85%;}	
}
@media (max-width: 767px){
	.oral_tabaco_heading{padding: 60px 0 50px}
.oral_tabaco_heading h2{padding: 0 30px 0 40px; font-size: 28px; line-height: 37px;display: inherit}	
.oral_tabaco_heading h2:before{width: 40px; background-size: 100%;height: 55px; top: -15px; left: 0px}
.oral_tabaco_heading h2:after{width: 30px; background-size: 100%; height: 45px;bottom: -15px; right: 20px }
.tabaco-step-wrp h2, .choose_indcator h2{font-size: 23px; line-height: 30px;}
.tabaco-indicators ul li{width: 100%; margin-bottom: 40px;}
.tabaco-step-wrp h2{margin-bottom: 30px;}	
.tabaco-indicators ul li img  {display: inline-block;float: left;margin: 0 20px;width: 35%;}
.choose_indcator ul li{width: 100%; margin-bottom: 0px;}
.tabaco-indicators ul li p{font-size: 24px;}
.tabaco-indicators ul li h2{font-size: 24px;}
.tabaco-indicators ul li h2:after{bottom: -8px;}	
.tabaco-indicators ul li span.tabaco_item-smalltext{font-size: 9px; line-height: 13px; padding-left: 15px;display: inherit;}	
.tabaco_step { display: flex;text-align: left;justify-content: left; align-items: start;}
.tabaco_item_btn .btn{width: 100%;}
.choose_indcator h2{position: relative;}	
.choose_indcator h2:after{position: absolute; width: 40px; left:calc(50% - 22px); content: ""; border: solid 2px #009480;    bottom: -15px;}	
.choose_indcator ul li img{display: inline-block;float: left; margin: 0 10px; width: 25%;}			
.oral_tabaco_02, .oral_tabaco_03{padding: 40px 0;}
.choose_indcator ul li p{font-size: 18px;}
.choose_indcator ul li{text-align: left}
.choose_indcator ul li ul li img{width: 100%; padding: 0px;margin: 0px;}
.choose_indcator ul li ul li{margin: 0px; padding: 0px;}
.choose_indcator ul li .short-description{font-size: 13px; line-height: 16px;}
.ungated_footer .gated_footer_links ul{margin: 20px 0;}
.choose_indcator .tabaco_step_con{ width: 75% }
.none-mobile{display: none!important}
.tabaco-indicators ul li p span{font-size: 16px; line-height: 20px; }
	
}



/*interview*/

.interview-header-sec .imgSrcChange{width: 100%;}
.interview-header-sec{position: relative;}
.interview-ban-con{position: relative; width: 100%;}
.heading-label_01 { background: #19223D;color: #fff; display: inline-table; font-size: 20px;font-family: 'Noto Sans Japanese'; font-weight: 600; padding:10px 20px }
.heading-label_02 { display: table;background: #fff; clear: both;border: solid 1px #19223D;padding: 10px 20px;font-family: 'Noto Sans Japanese'; font-weight: 600;font-size: 20px;margin-left: 30px;}
.interview-product-description {clear: both; width: 100%}
.interview-product-description .product_img{position: relative;}
.interview-product-description .product_img:after{position: absolute; right: -30px; height:101px; width: 91px;top:-20px; content: ""; background: url("../images/interview/POLARMINT-right-icon.svg") no-repeat right center}
.interview-product-description p{font-family: 'Noto Sans Japanese'; color: #19223D;font-size: 16px; font-weight: bold; line-height: 32px;}
.heading-label_02 span{color: #1DA2C7}
.interview-description {clear: both;}
.interview-description p{color: #19223D; font-size: 18px;font-family: 'Noto Sans Japanese'; line-height: 32px; font-weight: bold}

.header-btn_wrp .btn{background: #19223D; margin: 0 15px; border-radius: 25px; position: relative;     }
.header-btn_wrp .btn:after{position: absolute; right: 20px; height:7px; width: 15px; top:calc(50% - 2px); content: ""; background: url("../images/interview/arrow.svg") no-repeat right center}
.vol_interview_conblock{padding: 120px 0 60px}
.velo-first_wrp{border-bottom: solid 1px #CBD0D3; padding-bottom: 30px; margin-bottom: 0px}
.vol_con_wrp{text-align: center}
.vol_con_wrp .heading{text-align: center}
.vol_con_wrp h2.greentitle{color: #1F9383; font-size: 32px;font-family: 'Noto Sans Japanese'; line-height: 46px; font-weight:bold; text-align: center; position: relative; display: inline-table; padding: 50px 100px 0; margin-bottom: 70px;}
.vol_con_wrp h2.greentitle:before{position: absolute; left: 30px; height:88px; width: 93px; bottom: -40px;  content: ""; background: url("../images/interview/heading-icon-left.svg") no-repeat right center}
.vol_con_wrp h2.greentitle:after{position: absolute; right: 20px; height:111px; width: 115px;bottom: -10px; content: ""; background: url("../images/interview/heading-icon-right.svg") no-repeat right center}
.img_center{text-align: center;    display: block;margin: 0 auto 40px;}
.vol_con_wrp h3.yellow{color: #F0A320; font-size: 32px;font-family: 'Noto Sans Japanese'; line-height: 46px; font-weight:bold; text-align: center; position: relative; display: inline-table; padding: 50px 120px 0; margin-bottom: 70px;}
.vol_con_wrp h3.yellow:before{position: absolute; left: 30px; height:98px; width: 106px; bottom: -20px;  content: ""; background: url("../images/interview/yellow-heading-leftdesign.svg") no-repeat right center}
.vol_con_wrp h3.yellow:after{position: absolute; right: 15px; height:111px; width: 101px;top: 15px; content: ""; background: url("../images/interview/yellow-heading-rightdesign.svg") no-repeat right center}
.vol_con_wrp p{text-align: left; font-size: 16px; line-height: 32px; font-weight: 400;font-family: 'Noto Sans Japanese';}
.vol_con_wrp h4{font-size: 18px; font-weight: bold; text-align: left; margin-bottom: 15px; line-height: 27px;}

.vol_con_wrp h2.second_wrp_title{ font-size: 32px;font-family: 'Noto Sans Japanese'; line-height: 46px; font-weight:bold; text-align: center; position: relative; display: inline-table; padding: 50px 100px 0; margin-bottom: 70px;color: #753796}
.vol_con_wrp h2.second_wrp_title:before{position: absolute; left: 30px; height:88px; width: 93px;   content: "";bottom: 20px; background: url("../images/interview/magenta-left-icon.svg") no-repeat right center}
.vol_con_wrp h2.second_wrp_title:after{    position: absolute; height:111px; width: 115px; content: "";  right: 0;  bottom: 17px; background: url("../images/interview/magenta-right-icon.svg") no-repeat right center}
.vol_con_wrp h3.green{color: #1DA2C7; font-size: 32px;font-family: 'Noto Sans Japanese'; line-height: 46px; font-weight:bold; text-align: center; position: relative; display: inline-table; padding: 50px 60px 0; margin-bottom: 70px;}
.vol_con_wrp h3.green:before{position: absolute; left: 35px; height:58px; width: 60px; bottom: -30px;  content: ""; background: url("../images/interview/green-left-design.svg") no-repeat right center}
.vol_con_wrp h3.green:after{position: absolute; right: -10px; height:104px; width: 94px;top: 0px; content: ""; background: url("../images/interview/green-right-design.svg") no-repeat right center}

.editorial-block { border: solid 4px #19223D; margin: 0 0px 30px;text-align: left;padding:0 20px 40px; position: relative;}
.editorial-title { background: #fff;padding: 7px 0 10px; left: -30px; position: relative;top: 0px;}
.editorial-block h2{color: #19223D; font-size: 26px; line-height: 36px;font-family: 'Noto Sans Japanese'; max-width: 550px; font-weight: 900}
.editorial-block h2 span{color: #1DA2C7;}

.polarmint-light-img img{position: relative}
.polarmint-light-img:after{position: absolute; right: -30px; height:101px; width: 91px;top:-20px; content: ""; background: url("../images/interview/POLARMINT-right-icon.svg") no-repeat right center}
.testimonial-section{background: #EFF2F4; padding: 70px 0 40px;}


.testimonial_con h2{    display: inline-table;color: #19223D;font-size: 24px; line-height: 32px;font-family: 'Noto Sans Japanese'; font-weight: 900; margin-bottom: 20px; position: relative; padding-right: 60px;}
.testimonial_con h2:after{position: absolute; right: 0px; height:58px; width: 60px;top: -40px; content: ""; background: url("../images/interview/interview-title-icon.svg") no-repeat right center}
.testimonial_con h2 span{font-size: 16px;}
.testimonial_con p{color: #19223D;font-size: 16px; line-height: 32px;font-family: 'Noto Sans Japanese';}
.none-desk{display: none;}
.cart-nav a:hover {
    color: #00AED6!important;
}


@media (min-width: 768px) {
.interview-product-description {clear: both;display: flex;max-width: 750px;float: right;margin: 60px 0 0;align-items: center;}
.interview-product-description p{font-size: 18px; line-height:40px;}
.header-btn_wrp{display: flex; align-items: center; justify-content: center}
.testimonial_wrp{display: flex; align-items: center; margin: 0 0px;}

.editorial-block {  margin: 40px 40px 70px;text-align: left; position: relative;}
.testimonial_con{padding-left: 40px;}	
}
@media (min-width: 768px) and (max-width: 991px){
.header-btn_wrp .btn{ min-width: 300px;}
.vol_con_wrp h3.yellow, .vol_con_wrp h2.second_wrp_title{    font-size: 26px;}	
.polarmint-light-img:after{background-size: 100%;width: 70px;    right: 0;}
.polarmint-light-img{position: relative}
.img_center{width: 100%;}
.editorial-block{padding-bottom: 0px;margin: 0 0px 90px;}
.polarmint-light-img {position: relative;width: 300px; text-align: center;margin: 20px auto -100px;}
.interview-header-sec{margin-bottom: 20px;}	
}
@media (min-width: 1024px){
.interviewheading_top{min-width: 600px;float: right;}		
.interview-ban-con{position: absolute; top: 100px;width: 100%;}	
.header-btn_wrp .btn{ min-width: 480px;}
.testimonial_wrp{margin: 0 60px;}
.interview-header-sec{margin-bottom: 100px;}
.polarmint-light-img {position: absolute; right: 80px; top: 40px;}
}
@media (min-width: 1024px) and (max-width: 1119px){
.velo-first_wrp{    margin-top: 192px;}
}

@media (max-width: 1023px){
.vol_con_wrp .heading img{width: 100%;}
.interview-ban-con{margin-top: -300px;}
}
@media (max-width: 767px){
.interviewheading_top img{width:100%;}
.none-desk{display: block;}
.heading-label_02.none-mb {display: none;}
.heading-label_020{border-bottom: 0px;display: table;}
.heading-label {margin-top: 20px;}
.interviewheading_top {margin-bottom: 30px;}
.header-btn_wrp .btn { width: 100%;margin:0 0 20px; font-size: 16px;}
.vol_con_wrp h2.greentitle, .vol_con_wrp h3.yellow{font-size: 24px; margin-bottom: 30px;   padding: 50px 35px 0; line-height: 30px;}	
.vol_con_wrp h2.greentitle:before{left: 0; width: 58px;    height: 48px;   bottom: -10px;background-size: 100%;}
.vol_con_wrp h2.greentitle:after{right: -10px;  width: 68px;    height: 58px;   bottom: 10px;background-size: 100%;}
.vol_con_wrp h3.yellow{padding: 0px 52px 0 ;font-size: 22px;}
.vol_con_wrp h3.yellow:before{left: -10px; width: 61px;    height: 54px;   top: 15px;background-size: 100%;}
.vol_con_wrp h3.yellow:after{right: -10px;  width: 68px;  top: 0px; height: 75px;   bottom: 0px;background-size: 100%;}
.vol_con_wrp h2.second_wrp_title, .vol_con_wrp h3.green{padding: 10px 32px 0 ;font-size: 22px; margin: 40px 0 40px; line-height: 30px;}	
.vol_con_wrp h2.second_wrp_title:before{left: 0; width: 38px;    height: 48px;   top: -10px;background-size: 100%;}	
.vol_con_wrp h2.second_wrp_title:after{right: 0; width: 48px;    height: 58px;   top: -20px;background-size: 100%;}	
.vol_con_wrp h3.green{padding: 10px 32px 0 ;font-size: 22px; margin: 10px 0 40px; line-height: 30px;}
.vol_con_wrp h3.green:before{left: 10px; width: 38px;    height: 48px;   bottom: -20px;background-size: 100%;}
.vol_con_wrp h3.green:after{right: 0; width: 52px;    height: 48px;   top: -20px;background-size: 100%;}
.polarmint-light-img:after{background-size: 100%;width: 70px;    right: 0;}
.polarmint-light-img{position: relative}
.img_center{width: 100%;}
.editorial-block{padding-bottom: 0px;margin: 0 0px 90px;}
.polarmint-light-img {position: relative;width: 300px; text-align: center;margin: 20px auto -100px;}
.testimonial_con{padding-top: 40px;text-align: left;}	
.testimonial_wrp {text-align: center;}
.testimonial-section{padding: 30px 0}		}
.vol_interview_conblock {padding: 30px 0 20px;}
.editorial-block h2{font-size: 20px;}

@media (max-width: 360px){	
.editorial-title img { width: 100%;}}

/*07-10-2020*/
/*.rewards_steps{background: #F9F9F9;float: left;width: 100%; padding: 60px 0 0;}
.steps_indicator_con{display: flex; list-style: none; padding: 0px; margin: 50px 0; position: relative;}
.steps_indicator_con li{width: 33.333%; padding: 0 12px;text-align: center;}
.steps_indicator_con li p{color: #001B4E; font-size: 14px;line-height: 20px;font-family: 'Noto Sans Japanese'; font-weight: bold}
.steps_indicator_con li .steps_arrow {position: relative;    display: block;}
.steps_indicator_con li .steps_arrow:after{position: absolute; right: -40px; height:20px; width: 13px;top: calc(50% - 14px); content: ""; background: url("../images/lottery/arrow.png") no-repeat right center}
.steps_indicator_con li img{width: 100%}
.steps_indicator_con li img{margin-bottom: 10px;}*/

/*@media (min-width:768px){	
.rewards_steps_indicator { margin: 0 auto; max-width: 700px;text-align: center;}
.steps_indicator_con li {width: 33.333%;padding: 0 39px 0 40px;}	
}

@media (max-width:767px){
.rewards_steps{padding: 30px 0 0}
.steps_indicator_con{margin: 20px auto}
.steps_indicator_con li .steps_arrow:after{    height: 17px;    background-size: 100%;    width: 9px;    right: -16px;}
.steps_indicator_con li p{font-size: 9px;    line-height: 15px;}
.rewards_steps_indicator { text-align: center;}	
}
c
.steps_indicator_con li p{font-size: 8px;    line-height: 15px;}
.rewards_steps .container{padding: 0px;}	

}*/
/*08-10-2020*/
.product-info .ribbon{background: url("../images/lottery/blue-ribbon.png") no-repeat right center; width: 108px; height: 94px; text-align: center; color: #fff;font-family: 'VELOSansBold'; font-weight: 900; font-size: 30px;padding: 24px 0; }
.product-info .ribbon span{font-size: 16px;font-family: 'Noto Sans Japanese';}
.win-close.win-close_blueclosebtn{background: url(../images/lottery/plus-blue.png) left top no-repeat;}
.arrow-right{padding-right: 15px; position: relative; clear: both}
.arrow-right:after{position: absolute; content: ""; width: 10px; height: 15px; right: 0px; top: calc(50% - 6px);background: url(../images/lottery/arrow1.png) left top no-repeat;}
.deactivate_points:before {content: ""; background-image: url(../images/lottery/icon-sm-forbiden.png); position: absolute;left: 0px;width: 30px;height: 30px; background-repeat: no-repeat;top: 6px;}
.coin_acquisition.deactivate_points .name{color: #000}
@media (min-width:1400px){
	.interview-ban-con {position: absolute;top: 130px;width: 100%;}
	.interview-header-sec {margin-bottom: 50px;}
}
@media (min-width:1600px){
	.interview-ban-con {position: absolute;top: 150px;width: 100%;}
	.interview-header-sec {margin-bottom: 0;}
}
@media (min-width:1920px){
	.interview-ban-con {position: absolute;top: 320px;width: 100%;}
	.interview-header-sec {margin-bottom: 0;}
}

/*drop 4 changes*/

.ungated-banner ul.slick-dots{text-align: center;margin-top: -40px;}
.ungated-banner .custom-dots, .ungated-banner .slide-controls {position: absolute;left: 0; right: 0;bottom: 0px;}
.ungated-banner .slick-prev, .ungated-banner .slick-next{ outline: 0px;   position: absolute; top: 45%; padding: 30px 23px;border: 0px; font-size: 0px; width:30px; height:110px; background-color: rgba(0, 0, 0, 0.4); z-index: 9; border-radius:0 12px 12px 0;}
.ungated-banner .slick-next{border-radius:12px 0px 0px 12px;}
.ungated-banner .slick-prev:focus, .ungated-banner .slick-next:focus{outline: 0px;}
.ungated-banner .slick-next {right:0px; background-image: url(../images/ungated/ungated-arrow-right.png); background-repeat: no-repeat; background-position: center;}
.ungated-banner .slick-prev {left: 0px;background-image: url(../images/ungated/ungated-arrow-left.png);background-repeat: no-repeat;background-position: center;}
.ungated-banner .slick-dots li {position: relative;display: inline-block;margin: 0 20px;padding: 0;cursor: pointer;}
.ungated-banner .slick-dots li button {font-size: 0;line-height: 0; display: block;width: 60px;height: 3px;padding: 0px;cursor: pointer;color: transparent;border: 0;outline: none; background: #EEEEEE;}
.ungated-banner .slick-dots .slick-active button{background: #0047BB;}
.top-Ubanner .title{margin: 0px; font-size: 28px;font-family: 'Noto Sans Japanese'; color: #001E45; font-weight: bold; text-align: center; padding: 30px 0;background: #F9F9F9;}

@media (max-width:767px){	
.top-Ubanner .title{ font-size: 22px;}	
}


/*signup*/
.newReg p{ color: #505050;}
.no-gap-page{ padding-top: 0 !important;}
.section-inner.newReg {padding: 30px 0;}
.newReg .steps-indicator{ display: flex; justify-content: center;    font-size: 10px;}
.newReg .steps-indicator li{ padding: 0 3px;}
.newReg .steps-indicator li { display: inline-block;vertical-align: top; color: #a1a3a9;width: 23%;text-align: center; position: relative;}
.newReg .steps-indicator li:first-child{ width: 31%;}
.newReg .steps-indicator li .circle{ display: none;}
.newReg .steps-indicator li .copy{ background: #a1a3a9; border-radius: 5px; color: #fff; padding: 5px; position: relative; z-index: 2; margin-top: 0px; display: block}
.steps-indicator li .bar{position: absolute;width: 100%;height: 4px;    right: 50%;    z-index: 1;ht: 50%; background-color: #424652;    opacity: .2;}
.newReg h2 { position: relative;padding-bottom: .3em;font-size: 20px;    text-align: center;font-weight: 900;margin-bottom: 20px;}
.section-inner h2:after{    transform: translateX(-50%);    width: 30px;height: 1px;left: 50%;    bottom: -1px;position: absolute;display: block;content: "";    background: #000;}
.newReg .steps-indicator li .bar{ top: 50%; transform: translateY(-50%);}
.newReg .steps-indicator li.active  .copy{ background: #00AED6; }
.newReg .steps-indicator li.active .bar{ background: #00AED6;}
.newReg .steps-indicator li .bar {top: 50%;transform: translateY(-50%);}
.newReg .verCode{ text-align: center;  padding-bottom: 15px;}
.newReg .verCode{ padding-bottom: 15px;}
.newReg .loginDiv{  text-align: center; padding:15px 10px;color: #505050;}
.newReg .loginDiv a{color:  #505050; text-decoration: underline}
.newReg .steps-indicator li:first-child .bar{display: none}
.newReg .form-group--2-col .input-group { float: left; width: 47%; margin-top: 0;    display: block;}
.newReg .form-group--2-col .input-group + .input-group { margin-left: 6%;}
.newReg .zip-inpWrap .group-input{ border-bottom: none; border-radius: 0; max-width: 95px; float: left;}
.newReg .zip-inpWrap .group-input input{ border-radius: 0;}
.newReg .zip-inpWrap .group-input:first-child { max-width: 75px;}
.newReg .zip-inpWrap .separate{ width: 10px;}
.newReg .auCode{ font-size: 12px; text-align: center; padding-top: 15px;}
.newReg .memberPoints{    margin: 0 auto 25px;padding: 10px;}
.mb_regiser_container .mb_regiser_form .form-general .form-group { padding: 0;}
.auCode .btn{ border-radius: 30px;}
.newReg h3{ text-align: center; font-size: 18px; font-weight: bold; margin: 0 0 1em;}
.mIcon { text-align: center;}
.mIcon img { width: auto; max-width: 100px;}
.form-general .input-group{ position: relative;}
.passwordSug{ background: #fef9f9; border-radius:0 0 8px 8px; position: absolute; left: 0; top: 54px; width: 100%; max-width: 320px; padding: 15px; z-index: -1;  opacity: 0; transition: opacity 1s ease;}
.sugPassword:focus ~ .passwordSug{ z-index: 1; opacity: 1;}
.passwordSug ul{ list-style: none; padding: 0 15px;}
.passwordSug li{ font-size: 14px; padding: 8px;}
.passwordSug li.invalid { background:url(../images/signup/close_icon.png) no-repeat 0 10px; padding-left:30px;}
.passwordSug li.valid { background:url(../images/signup/tick_icon.png) no-repeat 0 10px; padding-left:30px;}
.nobor{ border: none;}
.tick-input{ position: relative; padding-right: 30px; }
.correct-field, .incorrect-field{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); vertical-align: top;}
.correct-field img, .incorrect-field img{ display: block; vertical-align: top;}
.inline-b{ display: inline-block;}
.text-left{ text-align: left !important;}
.memberPoints.nobor{ padding: 0; margin-bottom: 20px;}
.hide-password.active{ display: none;}
.domain-disclaimer{ max-width: 580px; margin: 0 auto;}
.newReg p.noMar{ margin-bottom: 0}
.line_active{ max-width: 560px; margin: 0 auto;}
.line_active .form-group{ padding-left: 0; margin: 0 auto;}
.pointCon p {margin-bottom: 0;line-height: 2;font-size: 14px;}
.newReg sup {font-size: 50%;line-height: 1; top: -7px;}
.mb_signup_order {display: flex;flex-direction: column; margin-top: 20px;}
.mb_signup_order form { display: block; margin: 0 0 20px; padding: 0;}
.form-general .input-group { position: relative;}
.form-general input{background-color: #e6edf2;    border: none;font-size: 14px;    height: 54px;    line-height: 1;padding: 0 20px; margin: 0px;    width: 100%;}
.mb_signup+.mb_regiser_form {text-align: left;}
.form-general label.error { position: static; margin: 5px 0 0;font-size: 14px; height: auto;line-height: inherit; color: #e35205;}
.font12{ margin-top: 0;  margin-bottom: 1em;line-height: 1.7;}
.font12 a{color: #505050}
.newReg ::-webkit-input-placeholder, #form-login [type=text]::-webkit-input-placeholder { color: #ccc; }
.newReg :-ms-input-placeholder { color: #ccc}
.newReg ::placeholder { color: #ccc}
.newReg .form-group [type=submit] { background: #00AED6;color: #fff;}
.pointCon p.font11 {font-size: 11px;}
.memberPoints{ max-width:480px;    display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center;align-items: center; border: 2px solid rgba(0,0,0,.1); border-radius: 0px; padding: 8px;}
.nobor {border: none;}
.form-general select{  appearance: none;border: none;   height: 54px;font-size: 14px;   background: url(../images/signup/icon-arrow-down-blue.png) no-repeat #e6edf2;background-position: calc(100% - 20px) 50%;padding: 0 20px;}
/*.section-inner a {text-decoration: underline; color: #505050;}*/
.input-radio [type=radio] + label:before {background: url(../images/signup/icon-radio.png) no-repeat 0 0;content: ""; display: inline-block; margin-right: 5px;width: 18px;height: 18px;position: relative;top: 3px;}
.input-radio [type=radio]:checked + label:before { background-position: 0 100%;}
.form-group--radio .input-radio {display: inline-block;vertical-align: middle;}
.form-group--birthday .input-group .st-prizes--selects .file-upload, .form-group--birthday .input-group select, .st-prizes--selects .form-group--birthday .input-group .file-upload {width: calc(100% - 30px);    margin-bottom: 25px;}
.form-general .form-edit { top: 0; height: auto; line-height: inherit;}
.form-group--radio label {top: 0;}
.input-radio [type=radio] {display: none;}
.form-group--radio .input-radio + .input-radio {margin-left: 30px;}
.input-radio [type=radio] + label {height: 40px;line-height: 40px;}
.form-group--radio .input-radio label {position: static;}
.form-group--birthday .input-group { float: left;width: 33.33%;margin-top: 0;}
.form-general hr { clear: both;margin-top: 30px; margin-bottom: 30px;border-top-color: #ccc;}
.form-general .width-50 { width: 50%;}
.toggle-pass .shown {display: none;}
.toggle-pass i {font-size: 1.4em;display: inline-block;margin-right: 5px; position: absolute;right: 100%;top: -1px;}
.fa-eye:before { content: "";  background: url(../images/signup/eye.jpg) no-repeat left center; width: 21px; height: 13px;position: absolute; left: -20px;}
.form-group--password p {text-align: right;position: absolute;width: 100%;left: 0;top: 18px;z-index: 1;}
.toggle-pass {display: inline-block;color: #3d3935;text-decoration: none;border-bottom: 1px solid #989695;font-size: 12px;line-height: 1.1;position: relative;}
p.checked .input-checkbox input {height: auto;width: auto;vertical-align: top;}
p.checked .input-checkbox {top: 10px;}
p.checked .input-checkbox, p.checked i {position: absolute;left: 25px;color: #e35205;font-size: 1.3em;}
p.checked label { position: static;height: auto;line-height: inherit;display: inline;}
p.checked {padding-left: 50px;position: relative;}
.form-group--password {border-top: 1px solid #ccc;position: relative;}
.form-group.form-group--2-col, .form-group.form-group--birthday{float: left; width: 100%}
.form-general label { display: block;margin-bottom: 10px;}
a.btn.btn-continue{background: #00AED6;    border-radius: 4px;display: inline-block;      position: relative;  height: 56px;    line-height: 56px;text-align: center;  width: auto;text-decoration: none !important;color: #fff;min-width: 290px;    padding: 0 40px;}
.btn-continue:after {background: url(../images/signup/icon-arrow-white-leftright.png) 0 100% no-repeat; content: ""; margin-top: -7px; position: absolute; top: 50%;width: 8px;height: 13px;right: 20px;}
/*.section-inner p{margin-bottom: 1em;}*/
.pointsTxt {border: 2px solid rgba(0,0,0,.1);border-radius: 100%;padding: 12px 8px;width: 80px; margin-right: 10px;height: 80px;text-align: center; font-weight: bold;}
.kent_login_form, .kent_social_login {width: 100%;float: none;}
.kent_social_btns {display: flex;flex-direction: column;float: none;padding: 15px 0 30px;margin: 0 auto;width: auto;}
.kent_social_btns #frm_social_Line {order: inherit;}
.kent_social_btns form { margin: 20px auto 0;padding: 0;}
.kent_social_btns #frm_social_YahooJp { margin-top: 20px;}
.kent_login_form [type=email], .kent_login_form [type=password], .kent_login_form [type=text], .kent_login_form select {background: #fff;border: 1px solid #999; height: 40px;line-height: 40px; padding: 0 10px;}
/*.form-group [type=submit] {background: #00AED6;color: #fff;border-radius: 4px; display: inline-block;padding: 0 10px;font-size: 16px; height: 56px;line-height: 56px;text-align: center;border: none;width: 100%;outline: none;position: relative;cursor: pointer;text-decoration: none !important;}*/
.kent_login_form #form-login input {width: 100%;}
#form-login { margin-top: 50px;text-align: center;}
.btn--white {background: #fff;color: #005587;border: 1px solid #005587;    height: 56px;text-decoration: none !important;}
.btn--white:hover{color: #005587;}
.section-inner h2 {font-size: calc(20px + 8 * (100vw - 320px) / 430);
text-align: center;margin: 0 0 50px;line-height: 1.5;padding-bottom: .3em;position: relative;font-weight: 700;}
.section-inner{padding: 40px 20px;}
.kent_login_form {border-left: none;border-bottom: solid 1px #a7a7a7;}
#register {border-top: 1px solid #ccc;    padding: 30px 15px 0;}
.modal-2 .sm-container { width: 90%;max-width: 780px;}
.modal-2 .modal__content{    padding: 34px 20px 10px;    border: 3px solid #e16624;    background-color: #fff;    overflow-y: auto;    max-height: 70vh;webkit-overflow-scrolling: touch;}
.modal-2 .scroll {overflow-y: auto; max-height: calc(70vh - 130px);margin-bottom: 20px;}
a.btn.modal__close { background: #00AED6;}
.modal-2 .scroll p { margin: 0px!important;}
.grid-mypage{    max-width: 930px;}
.col-navmypage>li a{position: relative; text-decoration: none}
.col-navmypage>li a.current{text-decoration: none}
.col-navmypage>li a.current:after {position: absolute;bottom: -10px;left: 0;width: 100%;border-bottom: 2px solid #00AED6 ;content: "";}
.btn-secmypage {display: inline-block; min-width: 160px;padding: 10px 20px; color: #fff; font-size: 16px;text-align: center; background: #3D5567;border-width: 0;border-radius: 30px;}
#form-login [type=text]{border: 1px solid #999;    line-height: 40px;height: 40px;    padding: 0 10px;}
.btn-border-box {border: 1px solid #00AED6;color: #00AED6;display: inline-block;font-size: 14px;font-weight: 700;margin: 0 auto 10px;padding: 3px 16px 3px 22px;}
.links-on-top3 .links-wrp{display: flex; text-align: center; align-content: center; justify-content: center;    width: 100%;position: absolute;bottom: 50px; }
.links-wrp .btn{line-height: 18px;    padding: 12px 0; border-radius: 0px;margin: 0 10px}
.links-wrp .btn.btn-blue {background: #4e559c;}
.links-wrp .btn.btn-white{border: solid 2px #4e559c; color: #4e559c}
.links-on-top3 .disclaimer { font-size: 10px;position: absolute; right: 100px; margin: 0px; bottom: 10px;}
.form-group-dateofb .input-group{    width: 33.3%;    display: block;float: left;}
.form-group-dateofb { display: flex; justify-content: flex-start;flex-wrap: wrap;}
.form-group-dateofb .input-group > select {margin: 0px;width: calc(100% - 15px) !important; height: 40px;}
#form-inquiry .info-text {background: #e3e3e5; margin-bottom: 30px;padding: 20px;}
.mb_signup_btns {max-width: 300px;}
.mb_signup_order img {width: 100%;}
.form-general .text-center.form-group {padding: 0px;}
@media (min-width: 768px){
	.newReg .mb_signup {width: 50%;display: inline-block;padding: 25px 30px 0 0; margin-right: -4px; vertical-align: top;border: none; border-right: solid 1px #a7a7a7;}
	.newReg {padding: 30px 20px;}
	.newReg .steps-indicator { max-width: 480px; margin: 0 auto 25px; font-size: 14px;}
	.newReg .mb_signup{ padding-top: 0px; min-height: 220px;}
	.newReg .auCode{ text-align: left; font-size: 14px; /*margin-left: 50px;*/}
	.newReg .auCode br{ display: none;}
	.form-general .form-group.stepLeft{ padding-left: 138px;}
    .pointCon p.font14{ font-size: 14px; line-height: 1.7;}
	.member-confirmation p{ font-size: 14px;}
	.form-general select.select475{ max-width: 475px;}
	.newReg .steps-indicator li .bar { height: 5px;}
	.newReg .steps-indicator li .bar { position: absolute;width: 100%;height: 4px;top: 13px;right: 50%;background-color: #424652;opacity: .2;z-index: 1;}
	.newReg h2, .section-inner h2 {text-align: center; position: relative; color: #444;font-size: 38px; font-weight: 900;margin: 0 0 20px;     padding-bottom: .5em;   line-height: 1.5;}
	.newReg h2:after{    position: absolute;background: #000;    content: ""; display: block;bottom: -1px;left: 50%;transform: translateX(-50%);height: 1px;width: 30px;}
	.mb_signup_btns {float: right;padding: 0;}
	.mb_regiser_container .mb_regiser_form { width: 50%;max-width: inherit;padding: 0 30px;display: inline-block; margin-right: -4px; vertical-align: top;}
	.mb_regiser_container .mb_regiser_form label {padding-left: 15px;    font-weight: 500;}
	.form-general .input-group {margin-top: 0px;}
	.form-general .form-group.stepLeft {
    padding-left: 138px;position: relative;margin-bottom: 20px;}
	.form-general select.select475 {max-width: 475px;line-height: 50px !important;width: 100%;}
	.form-general label { position: absolute;left: 0;top: 8px;display: block;height: 40px;line-height: 40px;margin-bottom: 10px;}
	.form-general { max-width: 760px;margin: 0 auto;}
	.form-general .form-group {position: relative;padding-left: 180px;clear: both;}
	.form-group--password p {position: static;}
	p.checked {padding-left: 56px;}
	.section-inner { padding: 80px 30px;font-size: 16px;}
	.section-inner h2 {font-size: 40px;padding-bottom: .5em; font-weight: 900; text-align: center}
	.kent_social_login {order: 1;}
	.kent_login_form, .kent_social_login { width: 50%;float: left;}
	/*.kent_login_form {order: 2;border-left: solid 1px #a7a7a7;border-bottom: none;}*/
.kent_social_btns {float: right;margin-right: 30px;padding: 0;}
	.kent_social_btns #frm_social_Line {order: 4;}
	/*.kent_login_form {order: 2;border-left: solid 1px #a7a7a7; border-bottom: none; padding: 0 70px;}*/
/*.kent_container {width: 100%;display: flex;align-items: center;justify-content: center;margin: 30px 0;}*/
.kent_login_form #form-login, .kent_login_form #form-login + p {max-width: 300px;}
.btn--white {padding: 0 40px;width: auto;min-width: 290px;line-height: 56px;}
	.newReg .form-group [type=submit]{min-width: 290px;    width: auto;}	
	.modal-2 .modal__content {padding: 40px 60px;max-height: 90vh;}
	.modal-2 .scroll { max-height: calc(70vh - 150px);margin-bottom: 40px;}
	.modal-2, .account-wrap {font-size: 16px;}
	/*#form-login [type=submit] {width: 220px; min-width: inherit;}*/
	#form-login [type=text] {width: 500px;}
#form-inquiry .form-group {margin-bottom: 30px; padding-top: 30px;width: 100%;    float: left;}
	#form-inquiry label {float: left;width: 40%;height: 45px;line-height: 40px;}
	#form-inquiry .st-prizes--selects .file-upload, #form-inquiry [type=email], #form-inquiry [type=password], #form-inquiry [type=text], #form-inquiry select, #form-inquiry textarea, .st-prizes--selects #form-inquiry .file-upload {float: left;  width: 59%;}
	#form-inquiry .form-group + .form-group {border-top: 1px solid #ccc;}
	#form-inquiry .info-text {padding: 20px 50px;}
	#form-inquiry [type=submit] {min-width: 220px;margin: 0 auto; width: auto; text-align: center;display: block;}
	
	
}

@media (min-width: 1024px){
.newReg .mb_signup {padding-right: 60px;}
.page .kent_social_btns {margin-right: 70px;}
	
}

@media (max-width: 767px){
	.newReg p{ font-size: 13px;}
	.newReg p.font12{ font-size: 12px;}
	.mb_regiser_container .mb_regiser_form{ border-bottom: 1px solid rgba(0,0,0,.1); margin-bottom: 20px;}
	.newReg .mb_regiser_container{ display: flex; flex-wrap: nowrap; flex-direction: column;}
	.newReg .mb_signup{ order: 2;}
	.newReg .mb_signup_btns{ padding: 0; max-width: 222px; margin: 0 auto;}
	.newReg .mb_signup_order{ margin: 0 -5px; /*flex-direction: row;*/}	
	.newReg .mb_signup_order form{ padding: 0 5px;/* width: 33.3333%;*/}
	.verCode{ border-bottom: 1px solid rgba(0,0,0,.1);}
	.passwordSug{ top: 40px;}
	.member-confirmation p{ font-size: 11px;}
	.newReg .btn{ font-size: 15px;}
	.m1{ font-size: 12px;}
	.newReg p {font-size: 10px;  line-height: 1.7;}
	.section-inner a {text-decoration: underline;}
	.form-general select{height: 40px; width: 100%}
	.newReg .loginDiv{font-size: 14px;}
	.pointsTxt span{font-size: 10px;}
	.pointsTxt{height: 64px;line-height: 15px;}
	.form-general .st-prizes--selects .file-upload, .form-general [type=email], .form-general [type=password], .form-general [type=text], .form-general select{height: 40px;}
a.btn.modal__close {min-width: inherit; width: 100%}
	#form-login [type=text]{width: 100%}
	#form-login {margin-top: 30px; text-align: center;}
	.links-on-top3 .links-wrp{display: block;    position: relative;bottom: 0;}
	.links-on-top3 .disclaimer{padding: 0 20px; right: 0px; position: relative; margin-top: 20px;text-align: right;font-size: 8px;}
	.links-wrp .btn{margin: 0 60px}
	.links-wrp .btn{margin-bottom: 15px;}
	#form-inquiry .st-prizes--selects .file-upload, #form-inquiry [type=email], #form-inquiry [type=password], #form-inquiry [type=text], #form-inquiry select, #form-inquiry textarea, .st-prizes--selects #form-inquiry .file-upload {width: 100%;}
}

/*footer-changes*/
/*.gated_footer_top1 {
    background: #fff;
    padding: 0px 0 10px;
}*/
/*.field-contactus { margin: 0 auto 20px;padding-top: 20px;}
.hed-contactus {font-weight: bold;font-size: 20px;text-align: center; color: #041E42;font-family: 'Noto Sans Japanese'; }
.read-contactus {margin-bottom: 15px;font-size: 14px;text-align: center;color: #041E42; font-weight: 400;font-family: 'Noto Sans Japanese';}
.col-contactus { width: 100%;height: 100%; table-layout: fixed;}*/

/*.btn-contactus {position: relative;display: flex;align-items: center;justify-content: center;box-sizing: content-box; height: 100%;padding-top: 8px; padding-right: 5px; padding-bottom: 11px;padding-left: 5px;font-size: 14px; background: #041E42;border-radius:5px;}
.btn-contactus > span:nth-child(2) { padding-right: 10px;padding-left: 10px;color:#fff;}
.col-contactus a{color:#fff;font-family: 'Noto Sans Japanese';min-height: 60px;font-weight: bold;font-size: 18px;line-height: 28px;}
.col-contactus a:hover{text-decoration: none; opacity: .9;}
.col-contactus .small-text{font-size:13px; font-weight:normal; line-height: 16px; display: block}
.gated_footer_copyright{border: 0px;}
.col-contactus div.case-call {
    margin: 0px;
}
.gated_footer_bottom{padding: 0px;}
.gated_footer_copyright p{    font-weight: 400;    font-size: 14px;}
.links-on-top3{position: relative;}
.gated_footer_top .row{align-items: flex-start;}*/
.sucess {color: #e35205;text-decoration: none;text-align: center}
ul.row.bottom-Wimage {
    border-top: solid 1px #203467;
    border-bottom: solid 1px #203467;
    margin-bottom: 40px;
    padding: 10px 0;
}
.disclaimer-oral_tabaco{font-size:11px; font-family: 'Noto Sans Japanese'; font-weight: 400; margin: 20px 0 0; color: #757778; }



@media (min-width: 768px){
.col-contactus{display: flex; justify-content: center}
.col-contactus div {display: inline-block;height: 100%;padding-right: 0px;vertical-align: top;width: 33.333%;margin-right: 70px;}
}

@media (max-width: 767px){
.col-contactus div {padding: 10px 0;vertical-align: top; min-height: 50px;}
	.col-contactus div a{min-height: 60px;}
	.gated_footer_links{padding-left: 0px;}
	ul.row.bottom-Wimage{border-bottom: 0px; margin-bottom: 20px; margin-top: 20px;}
	.choose_indcator ul li{    margin-top: 15px;}
	.disclaimer-oral_tabaco{text-align: left!important}
}

@media screen and (min-width: 1100px) {
	.top-Wimage, .bottom-Wimage{position: relative;}
.top-Wimage:before{position: absolute; left: -50px; height:136px; width: 132px; top: -60px;  content: ""; background: url("../images/oral_tabaco/oraltabaco-items-left-icon.svg") no-repeat right center}
.bottom-Wimage:after{position: absolute; right: -100px; height:72px; width: 87px;bottom: 50px; content: ""; background: url("../images/oral_tabaco/oraltabaco-items-right-icon.svg") no-repeat right center}
	
}



/*esportscontents*/
.esportscontents-title-sec{background:#001B4E url("../images/interview/title-bg.png") no-repeat left top -190px;}
.esportscontents-title{color: #fff; font-weight: bold; font-size: 14px;font-family: 'Noto Sans Japanese'; padding: 30px 0;}
.esportscontents-header-sec img {
    width: 100%;
}
.esportscontents-container{width: 100%; padding: 0 15px;}
.esportscontents-linksblock{margin:0px 0; padding: 50px 0 20px}
.esportscontents-linksblock a, .esports-activelinksblock a {
    border: solid 2px #001B4E;
    border-radius: 34px;
    padding: 18px;
    
    display: inline-block;
    margin: 0 10px 20px; position: relative;
    text-align: center;
    color: #001B4E;
    font-weight: bold;
    font-size: 17px;
}
.esportscontents-linksblock a:after, .esports-activelinksblock a:after{position: absolute; right: 20px; height:20px; width: 22px;top: calc(50% - 11px); content: ""; background: url("../images/interview/espolink-icon.png") no-repeat right center}

.esports-activelinksblock{text-align: center;}
.esports-activelinksblock a{background: #001B4E; color: #fff; font-size: 23px; padding: 12px 60px; box-shadow: 0 1px 0 #000}
.esportscontents-sec{background: url("../images/interview/esportscontents-bg.png") no-repeat left top 100px; background-size: cover;}
.espblog .header{display: flex;padding: 15px 15px 0;}
.espblog-con{padding:0 15px 15px;}
.espblog-con p{font-size: 16px; color: #222222; font-weight: 500}
.espblog-con .green-text{color: #009881; font-weight: bold}
.esportscontents-blog{ border-radius: 5px;}
.espblog .profile-pic{background: url("../images/interview/profilepic-bg.png") no-repeat; padding:0  12px 10px 5px; margin-right: 15px;}
.espblog .title{font-size:20px; font-weight: bold; color: #000;font-family: 'Noto Sans Japanese';}
.espblog .date{font-size:16px; font-weight: bold; color: #6C6C6C;font-family: 'Noto Sans Japanese';}
.espblog-img{margin: 15px 0;    width: 100%;}
.blog-footer{border-top: solid 2px #D9D9D9;padding: 15px 15px 25px;}
.ft-right{text-align: right;    float: right; }
.ft-right ul{list-style: none;align-items: center;justify-content: right;display: flex; margin-bottom: 10px; }
.ft-right ul li{display: inline-block; padding: 0 10px;}
.ft-left{clear: both;padding-left: 30px; background: url("../images/interview/icon-left-footer.svg") no-repeat left center; font-weight: bold; font-size: 16px; color: #222222}
.espblog{position: relative; margin-bottom: 50px;border: solid 2px #D9D9D9;background: #fff;}

.esportscontents-blog{margin: 20px auto;}
.espblog-bottom h2{color: #001B4E; font-size: 23px; font-weight: bold; text-align: center; margin: 30px 0;}
.espblog-bottom p{font-size: 12px; line-height: 18px; margin-bottom: 0px;}
.espblog-bottom {
    padding-bottom: 40px;
}

.espblog:nth-child(1):after {
    background: url(../images/interview/blog-right1.svg) no-repeat;
    content: "";
    width: 160px;
    height: 232px;
    right: -170px;
    top: -80px;
    z-index: 99;
    position: absolute;
    background-size: 100%;
}
.espblog.last-child:after {
    background: url(../images/interview/blog-right1.svg) no-repeat;
    content: "";
    width: 160px;
    height: 232px;
    right: -190px;
    bottom: -230px;
    z-index: 99;
    position: absolute;
    background-size: 100%;
}
.espblog.rightyellowdesign:after {
    background: url(../images/interview/blog-right1.svg) no-repeat;
    content: "";
    width: 160px;
    height: 232px;
    right: -170px;
    top: 0px;
    z-index: 99;
    position: absolute;
    background-size: 100%;
}
.espblog.leftbluedesign:before {
    background: url(../images/interview/blog-right-iocn.svg) no-repeat;
    content: "";
    width: 160px;
    height: 232px;
    left: -200px;
    top: -130px;
    z-index: 99;
    position: absolute;
    background-size: 100%;
}
.espblog.leftbluedesign:after {
    background: url(../images/interview/blog-left-iocn.svg) no-repeat;
    content: "";
    width: 150px;
    height: 232px;
    right: -180px;
    bottom: -130px;
    z-index: 99;
    position: absolute;
    background-size: 100%;
}
a.btn.disabled {
    background: #C1C1C1;
    border: 0px;
    box-shadow: 0 0 black;
}
.esports-activelinksblock a.btn.disabled{font-size: 14px; line-height: 20px;}
.esports-activelinksblock a.btn.disabled:after{display: none}
.pick-up-section-velolounge .pick-up-heading{margin-bottom: 80px;}
.right-sec2 img{margin-bottom: 20px;}
.pick-up-section-velolounge .left-sec:before{top: -60px;left: -10px;}
@media screen and (min-width: 992px) {
.esportscontents-container{max-width: 910px; margin: 0 auto;}
.esportscontents-blog{max-width: 650px; margin: 120px auto 0;  }
.esportscontents-linksblock a, .esports-activelinksblock a {min-width: 270px;}	

}


@media screen and (max-width: 991px) {
	.esportscontents-linksblock a {
    width: 44%;
    display: inline-block;
    padding: 10px 15px;
		
	}
	.esportscontents-linksblock a::after{background-size: 100%; width: 15px; height: 15px;right: 10px;top: calc(50% - 6px);}
	.esportscontents-container{padding: 0px; background: #fff}
	.esports-activelinksblock a{padding: 12px 40px;font-size: 14px;width: 80%;}
	.espblog:nth-child(1)::after{height: 72px;width: 60px;right: 20px; top:10px;}
	.espblog{border: 0px;}
	.espblog-con p {
		font-size: 13px;}
	.espblog.leftbluedesign::before{width: 78px; height: 59px; left: 30px; top: 120px;}
	.espblog.leftbluedesign::after{width: 78px; height: 89px; right: 30px; bottom: -190px; z-index: 99}
	.espblog.rightyellowdesign::after{width: 78px; height: 89px; right: 30px; top: 40px;}
	.espblog.last-child:after {display: none}
	.esportscontents-title{    background: #001B4E url(../images/interview/title-bg.png) no-repeat left top -190px; padding: 20px; font-size: 12px;}
}

@media screen and (max-width: 767px) {
.pick-up-section-velolounge .left-sec:before {
    top: -20px;
    left: 10px;
}
}
.result img{width: 100%; height: auto}
.result img{width: 100%; height: auto}
.input-license {position: absolute;top: 0 !important;left: 0 !important;z-index: 2;width: 100% !important;height: 100% !important;cursor: pointer;background-color: red;opacity: 0;}
.login .form-group { position: relative; margin-bottom: 20px}
.oral_tabaco_03 .choose_indcator .tabaco_step_con {
    width: 100%;
}
a.btn.disabled, fieldset:disabled a.btn {    pointer-events: none;
}
.input-group.disabled{pointer-events: none}
#divPassword [type=password] {
    background: #fff;
    border: 1px solid #999;
    height: 40px;width: 210px;
    line-height: 40px;
    padding: 0 10px;
}.error {
    color: red;
    display: block;
    text-align: center;
}
#createaccount{/*background:#00AED6;*/ border-color: #00AED6}
/*.content-sec_normal h2{color: #041e42;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    margin-top: 30px;}*/
.sns-banner img.imgSrcChange {
    width: 100%;
}

#form-login [type=password ] {
    border: 1px solid #999;
    line-height: 40px;
    height: 40px;
    padding: 0 10px;
}
@media (min-width: 768px){
#form-login [type="password"] {
    width: 500px;
}
}

@media (max-width: 767px){
#form-login [type="password"] {
    width: 100%;
}
}


/*faq*/

.faq-content-wrp li.tab-list {margin-right: 28px;}
.faq-content-wrp li.tab-list:last-child {margin-right: 0px;}
.faq-banner .imgSrcChange {width: 100%}
.faq-content-wrp ul{margin-bottom: 30px;}
.content-faq span a{color: #0047BB}
.content-heading { background: #F9F9F9;padding: 12px 15px;}
.content-faq {background: #fff;padding: 15px 15px 15px 25px; }
.faq-title { background: #00AED6;color: #fff; font-weight: bold;padding: 8px 0 8px 15px; margin-bottom: 10px;font-size: 20px;}
.tab-content { color: #232323;font-size: 14px;}
.faq-banner h2{text-align: center; font-size: 30px; font-weight: bold; color: #000; margin: 20px 0 0}
.form-group span.disclaimer, .grid-mypage span.disclaimer{font-size: 12px;padding: 5px 0 0 0;}
.blue-btn2{    background: #00AED6; border-color: #00AED6;}
@media (min-width: 1200px){
.container2 { max-width: 1010px;}
}
@media (min-width: 992px) and (max-width: 1024px){
.faq-content-wrp li.tab-list { margin-right: 10px;}
}


@media (max-width: 768px){
.faq-content-wrp li.tab-list { margin-right: 28px; width: 46%; margin: 2%;}
.faq-content-wrp .tab-list img{width: 100%}
.faq-content-wrp ul{text-align: center; padding: 0 10px;}	
}
/*Influencer*/
.influencer-header-sec {position: relative}
.influencer-header-sec .imgSrcChange1, .topics .imgSrcChange1, .topic-dotbg .imgSrcChange1{width: 100%}
.Influencer-hero-content {
    position: relative;
        margin-top: -780px;
    width: 100%;
}
.Influencer-title {
    text-align: left;
    float: right;
}.Influencer-title h2 {
    font-size: 40px;
    line-height: 70px;
    font-weight: 900;
}
.Influencer-title h2{margin-bottom: 20px;}
.Influencer-title p{color: #19223D; font-size: 16px; font-weight: 400; line-height: 28px;}
.Influencer-center-content{text-align: center;width: 100%;font-size:14px;color: #19223D;padding: 60px 0 20px 0; clear: both; float: left}
.Influencer-center-content h2{font-size: 20px; font-weight: bold; color: #19223D; margin-top: 30px; padding-bottom: 10px;}
.Influencer-center-content h3{font-size: 14px; margin-bottom: 20px;}
.Influencer-center-content h3 span{font-weight: bold;font-size:14px;}
.Influencer-center-content p{line-height: 30px; font-weight: 300}

.topic1-content-one {
    padding: 20px 0;
    clear: both;
}
.topic1-content-one h2{font-weight: 600;font-size: 24px; margin-bottom: 20px;}
.topic1-content-one img.float-right {
    margin-left: 30px;
       margin-top: -240px;
    position: relative;
}

.topic-right-con h2{font-size: 24px; font-weight: bold; color: #19223D}
/*p{font-size: 16px; color:#19223D; line-height: 32px}*/
.topics{background-color: #FDFDF7;width: 100%; float: left}
.topic-dotbg{background:#EDEDE7 url("../images/Influencer-interview/topic-dotbg.png") repeat-x; clear: both;float: left;
    width: 100%;padding-bottom: 30px;}
.bottom-block{background:#FDFDF7 url("../images/Influencer-interview/topic-dotbg.png") repeat-x; padding-top: 50px; padding-bottom: 25px;}
.topic-banner{margin: -40px 0 0}
.topics .imgSrcChange{position: relative; z-index: 9}
.fashion-monotone2{position: relative;z-index: 1; margin-top: -50px;}
.topic-con-wrp{padding: 30px 0 0 0;}
.hesitation {
    clear: both;
    padding: 20px 0;
    display: block;
}
.hesitation h2, .fashion-monotone2 h2{font-size: 24px; margin-bottom: 10px;}
.fashion-monotone2 h2{margin-top: 20px;}
.hesitation .float-right{margin: -150px 0 20px 20px;}
.hesitation p{font-size: 16px; font-weight: 300; color: #19223D}
.precious-clothes{padding: 40px 0 0}
.Influencer-space{padding: 30px 0 0;}
.precious-clothes .float-left{margin-right: 20px;}
.Influencer-center {
    justify-content: center;
    align-items: center;
    display: flex;
    width: 100%;
}
.fashion-monotone{padding: 30px 0; display: block;clear: both;}
.Influencer-center-content{position: relative;}
.precious-clothes {
    padding: 40px 0 0;
    position: relative;
    clear: both;
    width: 100%;
    float: left;
}
.influencer-header-sec {position: relative;float: left;background: #FDFDF7; width: 100%}
.even .left-sec::before, .even .right-sec::before{display: none}
.row.even {margin-top: 60px;}
.sns-banner {position: relative;}
.velolounge-banner-caption{position: absolute;bottom: 120px;color: #fff;width: 100%; text-align: center}
@media (min-width: 992px){
.topic-right-con, .topic-dotbg  .fashion-monotone .topic-right-con{width: 25%;float: right}
.topic-left-con, .topic-dotbg  .fashion-monotone .topic-left-con{width: 75%; float: left}
.topic-dotbg .topic-right-con{width: 42%;float: left}
.topic-dotbg .topic-left-con{width: 58%; float: left}
.precious-clothes .topic-left-con, .precious-clothes .topic-right-con{width: 50%; float: left}
.fashion-monotone2 .topic-right-con{width: 30%;float: left}
.fashion-monotone2 .topic-left-con{width: 70%; float: left}
	.topic-dotbg .hesitation1 .topic-left-con{    width: 70%;}	
	.topic-dotbg .hesitation1 .topic-right-con{    width: 30%;}
	.topic-dotbg .topic-right-con1{float: right}
	.precious-clothes.precious-clothesInf-center{margin: -100px  0 0 0;}
	.precious-clothes.precious-clothesInf-center {
    margin: 0;
    display: block;
    position: absolute;
    clear: both;
    bottom: 40px;
}
}
@media (min-width: 992px) and (max-width: 1024px){
	.Influencer-hero-content {
    position: relative;
    margin-top: -540px;
    width: 100%;
}
	.fullImg-img, .pad-img {
    width: 100%;
}
	
	
}
@media (min-width: 768px) and (max-width: 991px){
.Influencer-hero-content {
    position: relative;
    margin: -290px 0 0;top: 0px;
    width: 100%;
}
}



@media (max-width: 991px){
.fullImg-img{width: 100%}	

.Influencer-title h2{line-height: 45px;font-size: 26px;}
.Influencer-title p, .Influencer-center-content p{font-size: 14px;}	
.mb-none{display: none}	
.influencer-header-sec {position: relative;float: left;background: #FDFDF7;}
.topic-banner {margin: 20px 0 0 0;}
.topics .imgSrcChange{margin: 0 auto; text-align: center;display: block;}
.Influencer-center-content{padding: 20px 0 0 0}
	.topic1-content-one h2{font-size: 20px;}	
	.topic1-content-one h2.top-space{margin-top: 40px; margin-bottom: 40px;}
	.influencer-header-sec .imgSrcChange1, .topics .imgSrcChange1, .topic-dotbg .imgSrcChange1{margin-bottom: 15px;}
	
	.hesitation .float-right {
    margin: 0;
}
	.hesitation{padding: 0px;}
	.topics .precious-clothes .imgSrcChange{margin: 0px}
	.fashion-monotone2 {
    position: relative;
    z-index: 1;
    margin-top: 20px;
}
	.fashion-monotone2 .text-right{float: none; clear: both;    text-align: left!important;}	
	.fashion-monotone2 h2 {
    padding-top: 20px;
    clear: both;
}
	.fashion-monotone, .topic-dotbg{padding-bottom: 0px;}
	p.disclaimer-case-packsample{white-space:initial}
}


@media (max-width: 767px){
	.Influencer-hero-content {position: relative;top: 0; width: 100%; margin: 0px;    background: #FDFDF7;}
	.Influencer-title img{width: 100%}	
	.topic1-content-one img.float-right {
    width: 160px;
    margin: -80px 0 0;
}img.right-captionimg4 {
    width: 220px;
    margin: -50px 0 0 0;
    z-index: 9;
    position: relative;
    right: 0px;
    float: right;
}.hesitation.hesitation1 {
    float: left;
    clear: both;
    margin-bottom: 30px;
    width: 100%;
}
.precious-clothes{padding: 20px 0  0 0;}
	.Influencer-space, .Influencer-center, .fashion-monotone p{font-size: 14px; line-height: 22px}

}


/*Yuya Nara san Oral Tobacco*/
.yuyaNarasan-caption {background: #F0A320;display: inline;color: #fff;padding: 10px 70px;position: absolute;bottom: 50px;right: 60px;}
.categories-masonry{display: flex; justify-content: center; align-items: center;}
.yuyaNarasan-caption a{  color: #fff; font-size:24px;}
.yuya-oral_tabaco h2{font-size: 42px; text-align: center; font-weight: bold; margin: 0px 0 30px; color: #011B4E}
.yuya-oral_tabaco h3{font-size: 26px; font-weight: bold;color: #011B4E;line-height: 40px;}
.categories-masonry-two h3, .categories-masonry-two p span{color: #8D0363}
.categories-masonry-one h3, .categories-masonry-one p span{color: #1E9181;}
.categories-masonry-three h3, .categories-masonry-three p span{color: #F0A320;}
.categories-masonry h3 {position: relative;}
.categories-masonry-one span.heading-icon {position: absolute;right: 70px; top: -40px;}
.categories-masonry-two span.heading-icon{left: -60px;top: -40px;    position: absolute;}
.categories-masonry-three span.heading-icon{right: 60px;top: 0px;    position: absolute;}
section.yuya-oral_tabaco.yuya-oral_tabaco_02 { background: #F9F9F9;padding: 50px 0 40px;}
.categories-masonry.categories-masonry {margin-bottom: 35px;}
.blog-holders-loop{border: solid 4px #011E45; border-radius: 25px; position: relative;}
.blog-holders-loop .holder { width: 100%;}
.oral_tabaco-blog-holders a { background: #011E45; border-radius: 0 0 19px 19px;color: #fff;width: 100%; text-decoration: none;display: block;position: absolute;bottom: 0px;text-align: center;padding: 15px 0;}
.yuya-oral_tabaco_03 h2 {color: #0947BB;font-size: 30px;}
.oral_tabaco-blog-holders { display: flex; margin: 0 -15px 15px;}
.holder-con{padding:20px 15px 55px;}
.blog-holders-loop p{color: #011E45}
.holders-standard p span {font-weight: bold;display: block;}
.holders-standard {display: flex;align-items: center;margin-bottom: 15px;}
.holders-standard p {margin: 0px 0 0 12px;line-height: 20px;}
.v-lounge{background: #0947BB;display: table;color: #fff;text-align: center;margin: 80px auto 40px;padding: 15px 60px;}
.v-lounge a{color: #fff; text-decoration: none}
.v-lounge span{display: block; font-size: 20px; font-weight: bold}
.yuya-oral_tabaco_03 .small-text{font-size: 11px;}
.latest_heading h2{position: relative;display: inline;}
.latest_heading .left-icon {position: absolute;left: -120px;top: -60px;}
.yuya-oral_tabaco_03 .latest_heading {text-align: center;margin: 90px auto 60px;}
.latest_heading .right-icon {position: absolute;right: -70px;bottom: -30px;}
.yuya-oral_tabaco_01 .oral_tabaco_heading h2:after{right: -100px;}
.yuya-oral_tabaco_01 h2{padding: 0px;}
.yuya-oral_tabaco_01 .oral_tabaco_heading h2:before{    left: -90px;}
span.new_tag {position: absolute; background: #F0A320;padding: 14px 9px;border-radius: 500px;font-weight: bold;font-size: 14px;left: 10px;top: 10px;}
.yuya-oral_tabaco_01.yuya-oral_tabaco_01-gated .oral_tabaco_heading h2::after {
    right: -50px;
}.fashion-monotone2 p.text-right {
    font-size: 11px;
}

@media (min-width:768px){
.categories-masonry-first {padding: 0 0 0 40px;}	
.categories-masonry-two .categories-masonry-first-img{order: 2;padding: 0 0px 0 40px;}	
.blog-holders-loop{ width: 33.3333%;margin: 0 15px;}
}
@media (min-width: 768px) and (max-width: 1024px){
img.categories-masonry-first-img {width: 50%;margin-right: 0px;}
.yuya-oral_tabaco h3{font-size: 20px;}	
.categories-masonry p{font-size: 12px; line-height: 20px;	}
.yuya-oral_tabaco h2{margin-bottom: 80px;}
}

@media (max-width: 767px){
.categories-masonry-first-img{width: 100%}	
.yuya-oral_tabaco_01 .oral_tabaco_heading h2:before {left: 0;}
.yuya-oral_tabaco_01 .oral_tabaco_heading h2:after { right: 0;}
.categories-masonry {display: block;}
.yuya-oral_tabaco h2{font-size: 25px;}
.yuya-oral_tabaco h3{margin-top: 30px; font-size: 18px;}	
.categories-masonry-one span.heading-icon img, .categories-masonry-two span.heading-icon img {width: 45px;}
.categories-masonry-one span.heading-icon {position: absolute;right: 15px;top: 0;}	
.latest_heading h2 {position: relative;display: block;}
.latest_heading .left-icon img{width: 50px;}
.latest_heading .right-icon img{width: 35px;}
.latest_heading .left-icon {position: absolute;left: 0;top: -30px;}
.oral_tabaco-blog-holders{display: block}
.latest_heading .right-icon{right: 0px}
.yuya-oral_tabaco.yuya-oral_tabaco_03 h2{    font-size: 22px;}
.categories-masonry p{font-size: 12px; line-height: 20px;}	
	.categories-masonry-two h3{display: inline-block;}
.categories-masonry-two span.heading-icon {left: inherit;top: -20px;position: absolute;right: -50px; transform: rotate(90deg);}
.oral_tabaco-blog-holders{margin: 0px;}
.holders-standard{margin-bottom: 0px;}
.blog-holders-loop p {color: #011E45;margin-bottom: 8px;font-size:9px;line-height: 17px;}	
.holder-con {padding: 10px 25px 0 0;}
.blog-holders-loop .holder {border-radius:10px 0 0 10px;float: left;margin-right: 10px; width:120px; min-width: 120px;}
.oral_tabaco-blog-holders a{right: 0px;padding: 0;    width: 26px;border-radius: 0;    top: 45%; background: none}	
.holders-standard img { width: 25px;}
.yuya-oral_tabaco_03 .latest_heading {text-align: center;margin: 50px auto 50px;}
.blog-holders-loop{min-height: 124px; margin-bottom: 20px;border: solid 2px #011E45;    border-radius: 10px;}
.v-lounge{font-size: 13px;    padding: 15px 30px;width: 100%;margin: 40px auto;}
.yuya-oral_tabaco_03 .small-text{text-align: left!important}
span.new_tag {position: absolute;background: #F0A320;padding: 8px 4px;border-radius: 500px;font-weight: bold;font-size: 10px;left: 5px;top: 5px;}
.yuya-oral_tabaco_01.yuya-oral_tabaco_01-gated .oral_tabaco_heading h2::after {right: 0;}
.yuyaNarasan-caption a {color: #fff;font-size: 18px;}
.yuyaNarasan-caption {
    background: #F0A320;
    display: inline;
    color: #fff;
    padding: 10px 10px;
    position: absolute;
    bottom: 50px;
    right: 5%;
    width: 90%;
    left: 5%;
    text-align: center;}
.categories-masonry-three span.heading-icon img {width: 45px;}
.Influencer-space .float-right { margin: -100px 0 0 0;z-index: 9;position: relative;}
.fashion-monotone .topic-left-con .imgSrcChange {width: 100%;}
.alert-area ul li {font-size:10px;}

}
/*alert-area*/
.alert-area ul { list-style: none;margin: 10px 0;}
.alert-area ul li a{color: #000; text-decoration: none}
.alert-area ul li {display: inline-block;color: #000;font-size: 12px; padding: 0 10px;}

@media (min-width: 1025px){
.categories-masonry.categories-masonry img.categories-masonry-first-img {width: auto; min-width: 560px;}
}
@media (max-width: 360px){
	.blog-holders-loop .holder{width: 89px;}	
}
/*photo contest winner announcement*/
section.announcement-sec {background: #EFF2F4;}
.announcement-heading{text-align: center;padding: 110px 0 30px;}
.announcement-heading h2{font-weight: 900; color: #19223D; font-size: 66px; text-align: center;  position: relative; display: inline-block; margin-bottom: 30px;}

span.announcement-heading-right-icon {
    position: absolute;
    top: -40px;
}span.announcement-heading-left-icon {
    position: absolute;
    left: -110px;
    top: -70px;
}
.general_comment{position:relative; padding: 80px 80px 20px; border: solid 2px #19223D; margin-bottom: 0px;}
.general_comment h3{position: absolute; left: -2px; background: #EFF2F4; top: 0px; padding: 15px 0; font-size: 20px; font-weight: bold}
.ph-wrp{display: block; padding-bottom: 15px;text-align: center; z-index: 9; position: relative}
.ph-wrp h3{font-size: 24px; line-height: 24px; margin: 40px 0 5px;font-weight: bold;}
.award-con h3{font-weight: bold}
.ph-wrp span{font-size: 16px;}
.award-sec{background: #EFF2F4; float: left; width: 100%; padding: 40px 0;}
.award-con h2{text-align: center; margin-bottom: 35px;}
.dot-border{border-bottom: dotted 1px #CCCCCC; padding-bottom: 40px; padding-top: 30px;}
.award-con {position: relative;padding: 0 100px;}
.award-con .right-icon {position: absolute;right: 100px;top: 0px;}
.award-con .left-icon {position: absolute;left:0px;top: 0px;}
.award-wrp { background: #fff;padding: 50px 0;margin-bottom: 30px;width: 100%;float: left;}
.award-con ul {list-style: none;padding: 0px;    float: left;    width: 100%;}
.award-con ul li{width: 50%;     float: left;    padding: 20px 20px 0;}
.award-con ul li img{width: 100%}
.award-con .right-icon.right-icon-3{    right: 0;}
li.clearfix {clear: both;}
.special-moment_2{padding-bottom: 30px;}
.categories-masonry-one.categories-masonry-one-blue h3, .categories-masonry-one.categories-masonry-one-blue p span{color: #1B99BC}
.categories-masonry-one.categories-masonry-one-blue span.heading-icon{top: 50px;}
.categories-masonry-three.categories-masonry-three_ span.heading-icon{    top: -58px;right: 50px;}
@media (min-width:768px) and (max-width:991px){
.ph-wrp img {
    width: 100%;
}
	.award-con .right-icon{top: -70px;    right: 0;}	
	.award-con .right-icon img{width: 100px}
	.award-con ul li{width: 100%}
	.award-con .left-icon{top: 20px;}
}

@media (max-width:767px){
.ph-wrp img {width: 100%;}
.award-con{padding: 0px 15px;}
.award-con .left-icon img{width: 90%}
.award-con .ttl-3{width: 100%}
.award-con ul li{width: 100%;padding: 0px;}	
.announcement-heading h2{font-size: 48px;}
.announcement-heading h2:after{width: 60px;height: 76px;background-size: 50px;top: -33px;right: -55px;}
.announcement-heading h2:before{width: 80px;height: 80px;    background-size: 80px;top: -53px; 	    left: -74px;}
.general_comment{padding: 60px 30px 20px;}
.award-con .right-icon {position: absolute; right: -10px;top: -40px;width: 80px;}
.award-con .left-icon{    top: 40px;}	
.award-con .right-icon img {width: 80px;}
.award-wrp{padding: 30px 0}	
.award-con p{font-size: 14px; line-height: 22px;}
.dot-border{padding-top: 10px;}
.ph-wrp h3 {font-size: 18px;line-height: 24px;margin: 30px 0 5px;}
.ph-wrp span {
    font-size: 14px;
}
	.yuya-oral_tabaco h3{line-height: 30px;}
	.categories-masonry-one.categories-masonry-one-blue span.heading-icon, .categories-masonry-three.categories-masonry-three_ span.heading-icon {
    top: -8px;
}
	span.announcement-heading-left-icon {
    position: absolute;
    left: -60px;
    top: -40px;
}
	span.announcement-heading-right-icon {
    position: absolute;
    top: -15px;right: -35px;
}span.announcement-heading-right-icon img {
    width: 35px;
}
	span.announcement-heading-left-icon img {
    width: 60px;
}
	.v-lounge span{font-size: 17px}
	
}
/*.privacyDiv h1, .privacyDiv p, .privacyDiv{font-family: 'Noto Sans Japanese',sans-serif;}*/
@media (min-width:768px){
p.checked .input-checkbox {
    top: 10px;
}
}
@media (max-width:767px){
p.checked .input-checkbox {
    top: 3px;
}
}
.mb_signup + .mb_regiser_form {
    text-align: left;
}.mb_regiser_container {
    text-align: center;
}
.newReg .memberPoints p{margin-bottom: 0px;}
.field-validation-error { color: #fb1010;}
#form-login input {display: block;}
#form-login input {margin: 0 auto;}
@media (min-width:768px){
.disclaimer-checkbox.form-group {
    font-size: 10px;
    padding-left: 206px;
}
}

.disclaimer-checkbox ul{list-style: none;font-size: 12px; font-weight: bold }
.first-checkbox, .second-checkbox{font-size: 12px; font-weight: bold}

@media (max-width:767px){
	.first-checkbox, .second-checkbox{font-size: 9px; font-weight: bold}
}


@media (min-width: 992px) {
    p.checked.mypage-fulfillment {width: 510px;margin:auto}
    p.checked.mypage-fulfillment .input-checkbox {top: 13px;}
}
 
@media (max-width: 767px) {
    p.checked.mypage-fulfillment .input-checkbox {top: 11px;}
}

/*generic-oral-tobacco*/
.generic-oral-section2 h2, .generic-oral-section4 h2{color: #000; font-size:40px;display: inline-block;text-align: center;font-family: 'Noto Sans Japanese'; font-weight: 700; line-height: 47px; position: relative;}

.generic-oral_tabaco_heading {
    padding: 80px 0;
    margin: 0 auto;
    text-align: center;
}
.generic-oral_tabaco_heading .left-icon {
    position: absolute;
    left: -70px;
    top: -30px;
}
.generic-oral_tabaco_heading .right-icon {position: absolute;right: -40px; top: -20px;}
.Generic-banner-content {position: relative;margin-top: -60px;}
.choice_block .heading {text-align: center;margin-bottom: 15px;}
.charm_sec {text-align: center;display: flex; justify-content: center;align-items: center;}
.generic-oral-section2 h3{text-align: center; font-weight: bold;color: #001B4E; font-size: 20px; margin-top: 15px;font-family: 'Noto Sans Japanese';}
.charm_sec p{color: #232323; font-size: 14px; font-weight: bold; line-height: 18px;font-family: 'Noto Sans Japanese';}
.charm-loop {margin: 0 40px;}
.generic-oral_tabaco-slider .heading {text-align: center;margin: 10px 0 20px;}

.generic-oral_tabaco-slider .slick-list { padding-left: 70px;padding-right: 60px;}
.generic-oral_tabaco-slider .image-section{margin-right: 10px; opacity: 0.5}
.generic-oral_tabaco-slider .image-section.slick-active{opacity: 1;}
.generic-oral_tabaco-slider ul.slick-dots {text-align: center;margin-top: 0;}
section.generic-oral-section3 { margin-top: -38px; padding-bottom: 50px;}
.generic-oral-section3 h2 {font-size: 38px;text-align: center;margin:0px 0 30px;font-weight: bold; padding-top: 80px}

.voices_block {
    display: flex;
    justify-content: center;
    align-items: center; 
    margin: 0 20px 0px;
}
.voices_list{width: 25%;text-align: center;margin: 10px;}

.voices_list .box {border: solid 2px #009DD9; background: #fff;min-height: 125px;padding: 10px;border-radius: 15px;font-size: 16px;text-align: left; position: relative;line-height: 20px;color: #001E45; margin-bottom: 30px;font-weight: bold;}
.voices_list .box span.arrow{position: absolute; bottom: -20px; left: calc(50% - 15px);}
.easytouse-sec h2{color: #fff; display: inline-block; padding: 0px; margin-bottom: 50px;   position: relative;font-size: 40px;line-height: 47px;font-family: 'Noto Sans Japanese';}
.easytouse-sec .left-icon{position: absolute; left: -70px;top: -30px;}
.easytouse-sec .right-icon{position: absolute; right: -50px;top: -20px;}

.easytouse-sec {text-align: center;}
.disclaimer_generic{font-size: 12px; color: #fff; padding-left: 20px; margin-bottom: 60px}
.tabaco-indicators2 ul li h3{color: #fff; margin-bottom: 20px;font-family: VELOSansBold;font-size: 32px;}
.tabaco_step {position: relative;}
.tabaco-indicators2 span.Polygon {
    position: absolute;
    top: 90px;
    right: -10px;
}
.tabaco-indicators2 ul li p{color: #fff; font-size: 16px; line-height: 20px;}
.generic-oral-section4 .generic-oral_tabaco_heading .right-icon{right: -62px;}
.Generic-banner-content p{font-weight: bold}
.oral_tabaco-blog-holders2{justify-content: center}
.ready-to-charge {
    width: 80%;
    margin: 0 10%;
}
.charge_con {
    text-align: center;
    width: 46%;
    margin: 0 15px;
    float: left;
}
.store_loop a {
    background: #001e45;
    display: block;
    color: #fff;
    padding: 8px;
    margin: 5px;
}.store_loop {
    background: #ebf9fc;
    border-radius: 15px; margin: 10px 0;
    padding: 10px 20px;
}
.store_loop h4 {
    font-weight: bold;
    font-size: 16px;
    display: inline-block;
    padding-left: 10px;
}section.yuya-oral_tabaco.yuya-oral_tabaco_03 {
    padding-bottom: 40px;
    margin-bottom: 0px;
}
.generic-oral_tabaco_03{background: #f9f9f9; clear: both; margin-bottom: 80px}
.generic-oral_tabaco_03 .generic-oral_tabaco_heading h2{position: relative; display: inline-block; color: #000; padding: 0px;}
.store_loop .heading{display: flex; justify-content: center; align-content: center; align-items: center}
.generic-oral_tabaco_03 .generic-oral_tabaco_heading{padding: 80px 0 20px;}
section.generic-oral-section4 {
    display: block;
    width: 100%;
    margin-bottom: 50px;
    float: left;
}
.disclaimer-gen{ padding-left: 250px; font-size: 12px; line-height: 20px;}
p.disclaimer-case-packsample {
    font-size: 11px;
    min-width: 300px;
   
    line-height: 19px;
    margin: 15px 0 0;
}
.item-packsampleopt.item-packsampleopt1 {
    margin-top: 20px;
}



@media (min-width: 1280px) {
.Generic-banner-content {
    position: relative;
    margin-top: -320px;
}
}

@media (max-width: 767px) {
.generic-oral-section2 h2, .generic-oral-section4 h2{
	font-size: 24px;
    line-height: 30px;	}
	.generic-oral_tabaco_heading .left-icon{top: -20px;left: -35px;}	
	.generic-oral_tabaco_heading .left-icon img{    width: 40px;}
		.generic-oral_tabaco_heading .right-icon img{    width: 35px;}
	.generic-oral_tabaco_heading .right-icon{    top: -10px;right: -20px;}
	section.generic-oral-section2{ background-size: cover!important}
	.charm_sec, .voices_block{display: block;margin: 0px;}	
	.generic-oral-section3 h2{font-size: 20px;}
	section.generic-oral-section3{background-position: left 250px!important;}
	.voices_list{    width: 100%;margin: 0px; }
	.voices_list .box {
    min-height: 87px;
    float: right;
    width: 75%;
    font-size: 14px;
}
	img.voices-img {
    float: left;
    width: 22%;
    margin-right: 10px;
}.voices_list .box span.arrow {
    position: absolute;
    bottom: 36%;
    left: -17px;
    transform: rotate(90deg);
}
	.disclaimer_generic{clear: both}	
	section.generic-oral-section3{background:#001e45 url("../images/Generic-Oral-Tobacco/blue_bg1.png") no-repeat!important; padding-bottom: 3px }
	.disclaimer_generic{line-height: 20px;}
	.tabaco-indicators2 ul li p{margin: 0px;}
	.tabaco-indicators2 ul li h3{font-size: 22px; margin-bottom: 0}
	.tabaco_step{align-items: center}
	.tabaco-indicators ul li img{margin: 0 20px 0 0;}
	.tabaco-indicators ul li img.step2-captin-sp {
    width: auto;
    position: absolute;
    left: 37%;
    top: 105px;
}.tabaco-indicators2 span.Polygon {
    position: absolute;
    top: inherit;
    right: inherit;
    transform: rotate(90deg);
    bottom: -67px;
    left:35px;
}
	.tabaco-indicators2 .none-desk{display: block}
	.tabaco-indicators2 ul li{margin-bottom: 80px;}
	.generic-oral_tabaco_heading{padding: 60px 0 30px;}
	.ungated-banner .slick-prev, .ungated-banner .slick-next{top: 29%;}
	.generic-oral-section4 .generic-oral_tabaco_heading .right-icon {
    right: -26px;
}
	.charge_con {
    text-align: center;
    width: 100%;
    margin: 0 0 30px;
    float: left;
}.ready-to-charge {
    width: 100%;
    margin: 0;
	}section.generic-oral-section4{margin-bottom: 0}
	.oral_tabaco-blog-holders.oral_tabaco-blog-holders2 a {
    right: 0px;

  
    border-radius: 0;
    top: inherit;
    background: #19223d;
    position: relative;
    width: 60%;
    float: right;
    padding: 8px 0 8px 10px;
    text-align: left;
    margin-right: 5px;
}
	img.arrow-1 {
    position: absolute;
    right: 5px;
    top: 12px;
}.generic-oral_tabaco_03 .generic-oral_tabaco_heading {
    padding: 45px 0 20px;
}
	.tabaco-indicators2 ul li:last-child{margin: 0px}
	.Generic-banner-content p {
    font-weight: bold;
    line-height: 25px;
    font-size: 14px;
}
	.charm-loop img{margin-right: 10px;width: 100px;}	
	.charm-loop {
    display: flex;
    justify-content: left;
    align-items: center;
    margin: 0;
    text-align: left;
}.generic-oral-section2 h3 {
    text-align: left; font-size: 16px;
}
	.disclaimer-gen{ padding-left: 0px; font-size: 12px; line-height: 20px;}
	p.disclaimer-case-packsample, .case-subscribe>div:first-child {white-space:initial}
}
@media (max-width: 360px) {
	.generic-oral_tabaco_heading{padding: 20px 0;}
	.generic-oral-section2 h2, .generic-oral-section4 h2{font-size: 20px;}
	.ungated-banner .slick-prev, .ungated-banner .slick-next{top: 21%;}
	.tabaco-indicators2 ul li:last-child {
    margin: 0px;
	}section.generic-oral-section3{padding-bottom: 15px;}
	.tabaco-indicators2 span.Polygon{left: 22px;}
	.voices_list .box{    width: 68%;font-size: 13px;}
	img.voices-img{width: 28%;}
	.tabaco-indicators ul li img.step2-captin-sp {
    width: 60%;
}
}


.image-sec-con {
    position: absolute;
    bottom: 40px;
    right: 80px;
    text-align: center;
}
.image-sec-con a:hover{text-decoration: none;}
.image-sec-con a.blue-btn-new {
    background: #001b4e;
    color: #fff;
    font-size: 25px;
    font-weight: bold;
    padding: 6px 50px;font-family: 'Noto Sans Japanese';
}

a.text-link {
    font-weight: 500;
    clear: both;
    display: block;font-family: 'Noto Sans Japanese';
    margin: 12px 0;
    font-size: 20px;
    color: #001b4e;
}
.image-sec-con.image-sec-con2 a.blue-btn-new{background: #00abdf; font-weight: bold; font-size: 35px;}


.image-sec-con.image-sec-con1 {
    right: 94px;
    bottom: 35px;
}
.image-sec-con.image-sec-con2{ right: 274px;
    bottom: 225px;}

.image-sec-con1 a.blue-btn-new {
    width: 435px;
    display: block;
}

.image-sec-con a.text-link:hover{text-decoration: underline;}
@media screen and (max-width: 768px) {
    .image-sec-con {
    position: relative;
    bottom: 60px;
    right: inherit;
    text-align: center;
    width: 260px;
    margin: 0 auto;
}
	.ungated-banner .slick-dots li button{width: 30px}
.ungated-banner ul.slick-dots {
    text-align: center;
    margin-top: -60px;
}
	
.image-sec-con a.blue-btn-new {
    background: #041E42;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 6px 30px;
}
a.text-link {
    font-weight: 500;
    clear: both;
    display: block;
    margin: 12px 0;
    font-size: 12px;
    color: #041E42;
}.image-sec-con.image-sec-con2 {
    right: 40px;
    bottom: 650px;
    /* top: 0; */
    position: relative;
    text-align: center;
    margin: 0 auto;
  
}
	.image-sec-con.image-sec-con2 a.blue-btn-new{font-size: 18px;}
.image-sec-con1 a.blue-btn-new{display: block;width:auto;}
.image-sec-con.image-sec-con1 a.text-link{margin: 0px 0;}
.image-sec-con.image-sec-con1{ bottom: 65px;
    right: inherit;}
}
@media (min-width:768px) and (max-width:1024px) {
.image-sec-con.image-sec-con3{bottom:50px; left: 41px;  right: inherit; position: absolute}
	.image-sec-con.image-sec-con2{bottom:130px; position: absolute; right: 100px}
	.image-sec-con{right: 40px; position: absolute; bottom: 10px}
	.image-sec-con.image-sec-con-yellow{width: 300px;}.image-sec-con.image-sec-con-yellow{bottom: 40px}
}
@media screen and (max-width: 420px) {
.image-sec-con.image-sec-con2 {bottom: 400px; right: 0px;
}
}
@media screen and (max-width: 375px) {
.image-sec-con.image-sec-con2 {bottom: 360px;right: 0px;}
}
@media screen and (max-width: 360px) {
.image-sec-con.image-sec-con2 {bottom: 350px;right: 0px;}
}
form#region-store-form {
    line-height: 46px;
}

@media screen and (min-width: 1025px) {
.image-sec-con.image-sec-con3{right: inherit; left: 128px; top:470px; }
.image-sec-con3 a.blue-btn-new{width: 400px; display: block}
.image-sec-con.image-sec-con3.image-sec-con3-1 {
    left: 102px;
    top: 430px;
}
	.image-sec-con.image-sec-con-yellow{bottom: 60px}
	.image-sec-con.image-sec-con-yellow1{right: 30px}
	.image-sec-con.image-sec-con-yellow1 a.blue-btn-new{padding: 6px 70px}
}
@media screen and (max-width: 767px) {
.image-sec-con.image-sec-con3{bottom:150px; }
.image-sec-con.image-sec-con3.image-sec-con3-1{     bottom: 650px}	
.image-sec-con3-1 a.blue-btn-new{width: 300px; display: block}
	.image-sec-con.image-sec-con-yellow a.blue-btn-new{padding: 6px 30px}
	.image-sec-con.image-sec-con-yellow{width: 300px;}
}
@media screen and (max-width: 414px) {
.image-sec-con.image-sec-con3{bottom:170px}
.image-sec-con.image-sec-con3.image-sec-con3-1{     bottom: 390px}	
.image-sec-con3-1 a.blue-btn-new{width: 250px; display: block}

}
@media screen and (max-width: 375px) {
.image-sec-con.image-sec-con3.image-sec-con3-1{     bottom: 350px}	
}
@media screen and (max-width: 360px) {
.image-sec-con.image-sec-con3.image-sec-con3-1{     bottom: 330px}	
}
.image-sec-con.image-sec-con-yellow a.blue-btn-new{background: #F0A320}

hr.blue {
    border-color: #003cff;
}
.brandnote{font-size:16px}
.highlight {color: #00AED6;text-decoration: underline;}

/*04-04-2023*/
.famipay_sec1{background: #05D9C3; margin-bottom: 20px; padding: 0 }
.famipay_sec1.pink{background: #F3B3CD; margin-bottom: 20px}
.famipay_sec2{margin: 40px 0}
.famipay_sec2 h2{margin-bottom: 20px}
.green-btn {
    background: #05D9C3;
    text-align: center;
    color: #fff; font-size: 22px;
    padding: 10px;
    margin: 0 auto;
    max-width: 320px; border: 0px; border-radius: 0px;
    
}
.pink1-btn {
    background: #FF00BC;
    text-align: center;
    color: #fff; font-size: 22px;
    padding: 10px;
    margin: 0 auto;
    max-width: 320px; border: 0px; border-radius: 0px;
    
}
.famipay_sec3{background: #11145B; padding: 30px 15px}
.famipay_sec3.blue-1{background: #424E9E}
.famipay_sec3 p{color: #fff}
.famipay_sec3 h2{margin: 20px 0; color:#fff }
.whit-wrp{background: #fff; margin: 30px 0 0 0; padding: 20px; border-radius: 20px}
.whit-wrp p{color: #11145B; text-align: left}
.famipay_sec4{background: #05D9C3; padding: 20px}
.famipay_sec4.pink1{background: #F3B3CD; padding: 20px}

.white-wrp{background: #fff; margin: 30px 0 0 0; padding:20px 10px; border-radius: 20px;color: #000; text-align: left;}
.white-wrp div{padding: 2px;overflow-y: scroll; height: 500px}
.white-wrp div{scrollbar-width: thin ;}
/* Handle */
.white-wrp div::-webkit-scrollbar-thumb {
  background: #05D9C3; margin-right: 2px;
}
.famipay_sec4.pink1 .white-wrp div::-webkit-scrollbar-thumb {
  background: #F3B3CD; margin-right: 2px;
}
/* width */
.white-wrp div::-webkit-scrollbar {
  width: 3px; 
}