/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
color: var(--primary-color);
*/
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.formpopup input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required, .formpopup input.wpcf7-form-control.wpcf7-submit {
	height: 35px !important;
}


}
/*************** ADD CUSTOM CSS HERE.   ***************/


/*Hùng code 24/2/2024*/
.header-main .nav > li > a {
    line-height: 25px !important;
}
.header-nav-main.nav > li > a {
    text-align: center !important;
}
.box-dv .box-text {
    background-color: rgba(0, 0, 0, 0) !important;
	bottom: 3%  !important;
}
.dangky-home input.wpcf7-form-control.wpcf7-submit.has-spinner {
    background-color: #ff0c0c !important;
    border-radius: 20px;
    padding: 0 40px;
}
.dangky-home input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    border-radius: 20px;
}
.dangky-home input.wpcf7-form-control.wpcf7-text {
	border-radius: 20px;
}
.dangky-mobile > .col > .col-inner {
    border-bottom-right-radius: 50px;
    border-top-left-radius: 50px;
}
.sec__video .row-small .col {
    padding: 0 9.8px 13px !important;
}

.flickity-button {
/*     opacity: 1 */
}
.flickity-button>svg {
    display: none
}
.flickity-button.previous:before,
.flickity-button.next:before,
.vnp-prev-next-button:before {
    content: '';
    height: 28px;
    width: 28px;
    display: block;
    transform: translate(0,-50%) rotate(45deg);
    -moz-transform: translate(0,-50%) rotate(45deg);
    -webkit-transform: translate(0,-50%) rotate(45deg);
    -o-transform: translate(0,-50%) rotate(45deg);
    z-index: 2
}
.flickity-button.previous:before,.vnp-slider-custom.light .vnp-prev-next-button.previous:before {
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
}
.flickity-button.next:before,.vnp-slider-custom.light .vnp-prev-next-button.next:before {
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}
.dot {
    position: relative;
    width: 10px;
    height: 10px
}
.dot:before {
    content: "";
    position: absolute;
    top: -7px;
    bottom: -7px;
    right: -7px;
    left: -7px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -o-border-radius: 100%;
    border: solid 1px #fff;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    -o-transform: scale(.5);
    transform: scale(.5);
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear
}
.dot.is-selected:before {
    opacity: 1;
    visibility: initial;
    -webkit-transform: initial;
    -ms-transform: initial;
    -o-transform: initial;
    transform: initial
}
.tool_info {
    height: 69px;
    width: 80px;
    position: fixed;
    background: #fff;
    right: 0;
    bottom: 60%;
    z-index: 1;
}
.tool_info__item {
    width: 100%;
    text-align: center;
    padding: 10px 0;
}
.tool_info__item:nth-child(1) {
    background: #bf6ce9;
}
.tool_info__item:nth-child(2) {
    background: #246a9a;
}
.tool_info__item:nth-child(3) {
    background: #1999f1;
}
.tool_info__item:nth-child(4) {
    background: #daa236;
}
.tool_info__item:nth-child(5) {
    background: #ff8212;
}
.tool_info__item a {
    text-decoration: none;
    color: #fff;
    cursor: pointer;
	font-size: 12px;
}
.tool_info__item a:hover {
	color: #fff;
}
.tool_info .icon {
    padding-top: 5px;
}
.sec__form-sidebar {
	padding: 15px !important;
}
.sec__form-sidebar .bg.section-bg {
	border-radius: 6px;
}
.sec__form-sidebar p {
	font-size: 14px;
	margin-bottom: 0;
	text-align: center;
}
.sec__form-sidebar input.wpcf7-form-control.wpcf7-submit {
    width: auto;
    border-radius: 50px;
    margin-top: 15px;
}
.sec__form-sidebar .icon-box .icon-box-text {
    padding-left: 5px !important;
    text-align: left;
}
.sec__form-sidebar .icon-box .icon-box-text p {
	text-align: left;
}
.entry-content.single-page h2,
.entry-content.single-page h3, 
.entry-content.single-page h4, 
.entry-content.single-page h5, 
.entry-content.single-page h6 {
    color: var(--primary-color);
}
.post-sidebar ul.menu li.menu-item.menu-hot a,
.post-sidebar ul.menu li.menu-item.menu-new a {
	font-weight: 600;
	font-size: 16px;
	color: var(--primary-color);
}
.post-sidebar ul.menu li.menu-item.menu-new,
.post-sidebar ul.menu li.menu-item.menu-hot {
	background: #d7dbe0;
    border-radius: 5px;
    padding: 10px;
    position: relative;
}
.post-sidebar ul.menu li.menu-item {
	position: relative;
	opacity: 1 !important;
}
li.menu-hot:before {
	right: 0;
    top: 12px;
    height: 35px;
    width: 35px;
    position: absolute;
    content: '';
    display: block;
    background: url(/wp-content/uploads/2023/07/hot.png) center 0 no-repeat;
    background-size: 100%;
	opacity: 1 !important;
}
li.menu-new:before {
	right: 0;
    top: 12px;
    height: 35px;
    width: 35px;
    position: absolute;
    content: '';
    display: block;
    background: url(/wp-content/uploads/2023/07/new.webp) center 0 no-repeat;
    background-size: 100%;
	opacity: 1 !important;
}
.taxonomy-description p {
    font-size: 15px;
    text-align: justify;
    padding: 10px;
    background: #eef9ff;
}
nav.rank-math-breadcrumb {
    width: 100%;
    height: auto;
    background: #ececec;
    padding: 10px;
    font-size: 14px;
    overflow: hidden;
    margin-bottom: 10px;
}
.entry-content.single-page {
    padding-top: 5px;
}
.entry-content.single-page > h2 {
    background: #eef9ff;
    padding: 10px 20px;
    margin: 0 0 20px;
    line-height: 25px;
    font-size: 16px;
    text-align: justify;
}
.entry-header-text-top .entry-title {
    color: var(--primary-color);
}
.rank-math-breadcrumb p {
	margin-bottom: 0;
}
.entry-header-text-top {
	padding-bottom: 0;
}
.entry-header-text-top .entry-divider.is-divider,
.entry-header-text-top .entry-category {
    display: none;
}
.header-search > a:hover {
	background-color: transparent !important;
}
.header-search i.icon-search {
    color: var(--primary-color);
}
.post-sidebar .widget span.widget-title {
    display: block;
    padding: 10px 5px;
    background-color: var(--primary-color);
    color: #fff;
    text-align: center;
    border-radius: 20px 20px 0 0;
}
.post-sidebar .widget ul.menu {
    margin: 0;
    background: rgba(238,238,238,.9333333333);
    padding-left: 10px;
    padding-right: 10px;
	padding-top: 10px;
}
.post-sidebar .widget .is-divider {
	display: none;
}
.row__header-menu {
	padding: 20px !important;
}
.row__header-menu > .col {
	padding-bottom: 0;
}
.row__header-menu h4 {
	border-bottom: 1px dotted var(--primary-color);
	position: relative;
	color: var(--primary-color);
}
.row__header-menu h4:before {
	content: "";
    border-bottom: 3px solid var(--primary-color);
    width: 80px;
    position: absolute;
    left: 0;
    bottom: -2px;
    display: block;
}
.row__header-menu .ux-menu-link a.ux-menu-link__link {
    min-height: 30px;
    padding: 0;
	color: var(--primary-color);
}
.footer-menu-mobile ul li a {
	line-height: 27px;
    width: 23px;
	position: relative;
	background: transparent;
	cursor: pointer;
	width: 26px;
	height: 16px;
    -webkit-transition: all ease .238s;
       -moz-transition: all ease .238s;
            transition: all ease .238s;
}

.footer-menu-mobile ul li a:before,
.footer-menu-mobile ul li a:after, 
.footer-menu-mobile ul li a span {
	background-color: #eba43c;
    -webkit-transition: all ease .238s;
       -moz-transition: all ease .238s;
            transition: all ease .238s;
}

.footer-menu-mobile ul li a:before,
.footer-menu-mobile ul li a:after {
	content: "";
	position: absolute;
	top: 0;
	height: 2px;
	width: 100%;
	left: 0;
	top: 50%;
	-webkit-transform-origin: 50% 50%;
	    -ms-transform-origin: 50% 50%;
	        transform-origin: 50% 50%;
}

.footer-menu-mobile ul li a span {
	position: absolute;
	width: 100%;
	height: 2px;
	left: 0;
	top: 50%;
	overflow: hidden;
	text-indent: 200%;
}

.footer-menu-mobile ul li a:before {
	-webkit-transform: translate3d(0, -7px, 0);
	        transform: translate3d(0, -7px, 0);
}

.footer-menu-mobile ul li a:after {
	-webkit-transform: translate3d(0, 7px, 0);
            transform: translate3d(0, 7px, 0);
}

.footer-menu-mobile ul li.active a span {
	opacity: 0;
}

.footer-menu-mobile ul li.active a:before {
	-webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
}

.footer-menu-mobile ul li.active a:after {
	-webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
}

.menu-mobile-section {
	position: fixed;
	top: 70px;
	left: 0;
	width: 100%;
	height: 100%;
	background: #ffffff;
	z-index: 999;
	display:none;
}
.menu-mobile-section .search-mobile-header {margin-right: auto;margin-left: 10px;}
.menu-mobile-section li {list-style:none;margin-bottom: 0;}

.sec__news .post-item .col-inner {
    border: 2px solid #efefef;
    border-radius: 0 0 20px 20px;
    box-shadow: rgba(247, 247, 247, 0.95) 0px 2px 8px;
}
.box-blog-post .is-divider {
	display: none;
}
.mfp-container {
	height: auto !important;
}
.row__popup-doctor h4,
.row__popup-doctor ul li:last-child,
.row__popup-doctor ul {
	margin-bottom: 0;
}
.lightbox-content {
	border-radius: 7px;
}
.sec__video .col__video-left .col-inner {
	position: relative;
}
.sec__video .col__video-left .col-inner .img {
	margin-bottom: 0;
}
.sec__video .col__video-left .col-inner p {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 10px;
	color: #fff;
	background-color: #c06ae478;
	margin-bottom: 0;
    text-align: center;
}
.sec__video .col__video-left .col-inner a {
	color: #fff;
}
.sec__video .col__video-right .col__video-left .col-inner p {
	font-size: 13px;
}
.sec__person .box .box-image {
	border-radius: 40px;
}
.sec__person .box .box-text {
	bottom: 0;
	border-radius: 0 0 20px 20px;
	background-color: #fa8146;
	color: #fff;
}
.sec__person .box .box-text h2,
.sec__person .box .box-text h3, 
.sec__person .box .box-text h4 {
	color: #fff;
}
.box-person.box .box-text {
	position: absolute;
    top: 50%;
    left: 72%;
    margin-top: -133px;
    width: 590px;
    height: 333px;
    background-color: var(--primary-color);
    padding: 65px;
    font-size: 0;
}
.person__cont span {
    position: absolute;
    background-color: #ff8400;
    z-index: 5;
    transition: all 1s;
}
.person__cont span.type-top {
    top: 0;
    left: 0;
    height: 6px;
    width: 0;
}
.person__cont span.type-left {
    bottom: 0;
    left: 0;
    height: 0;
    width: 6px;
}
.person__cont span.type-bottom {
    bottom: 0;
    right: 0;
    height: 6px;
    width: 0;
}
.person__cont span.type-right {
    top: 0;
    right: 0;
    height: 0;
    width: 6px;
}
.person__cont img {
    width: 100%;
    display: block;
    height: auto;
}
.box-person.box:hover span.type-bottom,
.box-person.box:hover span.type-top {
    width: 100%;
}
.box-person.box:hover span.type-right,
.box-person.box:hover span.type-left {
    height: 100%;
}
.sec__dv-noi-bat .icon-box {
	position: relative;
}
.sec__dv-noi-bat .icon-box.icon-box-center .icon-box-img {
	margin-bottom: 0;
}
.sec__dv-noi-bat .icon-box.icon-box-center .icon-box-img img {
	border-radius: 10px;
}
.sec__dv-noi-bat .icon-box.icon-box-center .icon-box-text {
	position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
	background-color: var(--primary-color);
	padding-top: 5px;
    padding-bottom: 5px;
    color: #fff;
	border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.sec__dv-noi-bat .icon-box:hover .icon-box-text {
	background-color: #fa8146;
}
.sec__dv-noi-bat .icon-box.icon-box-center .icon-box-text p {
	margin-bottom: 0;
}
.header-wrapper {
    border-top: 5px solid #fff;
}
.pdb-0 {
	padding-bottom: 0 !important;
}
.btn-close {
    position: absolute;
    right: 0;
    top: -20px;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    line-height: 31px;
    text-align: center;
    font-size: 36px;
    z-index: 99999;
}
.text-justify {
    text-align: justify;
}
#tu-van {
    border-radius: 5px;
}
.ladi-button {
	position: fixed;
    bottom: 30px;
    right: 30px;
    width: 200px;
    height: 55px;
    overflow: hidden;
	z-index: 99;
	text-align: center;
    box-shadow: 0px 0px 20px 0px rgba(0, 70, 223, 0.4);
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 70, 223, 0.4);
    border-color: rgb(9, 226, 181);
    border-width: 2px;
    border-radius: 3px;
	background: rgba(0, 70, 223, 1.0);
    background: -webkit-linear-gradient(90deg, rgba(0, 70, 223, 1.0), rgba(9, 226, 181, 1.0));
    background: linear-gradient(90deg, rgba(0, 70, 223, 1.0), rgba(9, 226, 181, 1.0));
	padding: 5px 15px;
}
.ladi-button span {
	color: rgb(255, 255, 255);
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    line-height: 1.6;
	display: block;
}
.ladi-button span:last-child {
	font-weight: 300;
	font-size: 13px;
}
#tu-van .flex-row.medium-flex-wrap.form-nhan-file {
    display: block;
}
#tu-van .flex-row.medium-flex-wrap.form-nhan-file input[type='text'],
#tu-van .flex-row.medium-flex-wrap.form-nhan-file input[type='email'] {
    margin-bottom: 9px;
}
input[type='email'], input[type='search'], input[type='number'], input[type='url'], input[type='tel'], input[type='text'], textarea, select {
    box-shadow: none;
    height: 45px;
    border-radius: 3px;
    margin-bottom: 0;
    font-weight: 400;
}
#tu-van .flex-row.medium-flex-wrap.form-nhan-file input[type='text'],
#tu-van .flex-row.medium-flex-wrap.form-nhan-file input[type='email'] {
    margin-bottom: 9px;
}
form.wpcf7-form {
    margin-bottom: 0;
}
input.wpcf7-form-control.wpcf7-submit.button.btn-bang-gia {
    margin-bottom: 0;
}
input.wpcf7-form-control.wpcf7-submit {
    width: 100%;
    height: 45px;
    border-radius: 3px;
}
input[type='email']:focus, input[type='search']:focus, input[type='number']:focus, input[type='tel']:focus, input[type='text']:focus, input[type='password']:focus, textarea:focus, select:focus {
    box-shadow: none;
}

ul.nav-menu-mobile {height: -webkit-max-content;height: -moz-max-content;height: max-content;padding: 0;margin: 0;}
ul.nav-menu-mobile > li {}
ul.nav-menu-mobile li a {
	color: #fff;
    font-size: 12px;
}
ul.nav-menu-mobile li a img {width:35px;height:35px}
ul.nav-menu-mobile > li > a {
	width: 80px;
	height: 80px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 5px;
/* 	-webkit-box-shadow: rgba(60, 64, 67, 0.1) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
	box-shadow: rgba(60, 64, 67, 0.1) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px; */
	text-decoration: none;
	position: relative;
	text-align: center;
	font-size: 12px;
	background-color: var(--primary-color);
    color: #fff;
	border-bottom: 1px solid #fff;
}
ul.nav-menu-mobile > li.active > a {
	background-color: #eba43c;
}
/* ul.nav-menu-mobile > li:nth-child(1) > a {background:#FEE2E2}
ul.nav-menu-mobile > li:nth-child(2) > a {background:#FFEDD5}
ul.nav-menu-mobile > li:nth-child(3) > a {background:#FEF9C3}
ul.nav-menu-mobile > li:nth-child(4) > a {background:#ECFCCB}
ul.nav-menu-mobile > li:nth-child(5) > a {background:#D1FAE5}
ul.nav-menu-mobile > li:nth-child(6) > a {background:#CCFBF1}
ul.nav-menu-mobile > li:nth-child(7) > a {background:#E0F2FE}
ul.nav-menu-mobile > li:nth-child(8) > a {background:#E0E7FF}
ul.nav-menu-mobile > li:nth-child(9) > a {background:#EDE9FE}
ul.nav-menu-mobile > li:nth-child(10) > a {background:#CCFBF1}
ul.nav-menu-mobile > li:nth-child(11) > a {background:#FAE8FF}
ul.nav-menu-mobile > li:nth-child(12) > a {background:#FCE7F3} */

ul.nav-menu-mobile > li > ul.sub-menu {
	width: calc(100% - 80px);
/* 	height: calc(100% - 75px); */
	height: 100%;
	display: none;
	padding: 0;
	position: absolute;
	top: 0;
	right: 0;
	background: #ffffff;
	-webkit-box-shadow: rgb(60 64 67 / 10%) 0px 1px 2px 0px, rgb(60 64 67 / 15%) 0px 2px 6px 2px;
	box-shadow: rgb(60 64 67 / 10%) 0px 1px 2px 0px, rgb(60 64 67 / 15%) 0px 2px 6px 2px;
	overflow-y: scroll;
	z-index: 1;
	margin-top: 0;
}
.list-menu-mobile {
    width: 100%;
    height: calc(100% - 0px);
    position: relative;
    overflow-y: auto;
}
ul.nav-menu-mobile > li.active > ul.sub-menu {
	padding-left: 10px;
	background-color: #eba43c;
}
ul.nav-menu-mobile > li > ul.sub-menu > li {
/* 	width: calc((100% - 30px) / 3); */
	margin: 0 10px 0 0;
	padding: 5px 5px 5px 0;
	border-bottom: 1px dashed #E5E7EB;
/* 	border-radius: 1rem; */
/* 	background: #ffffff; */
	position: relative;
}
ul.nav-menu-mobile > li > ul.sub-menu > li.menu-item-has-children {width:calc(100% - 10px);}
/* ul.nav-menu-mobile > li > ul.sub-menu > li > a {width: 100%;height: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;flex-direction: column;-webkit-box-align: center;-ms-flex-align: center;align-items: center;overflow: hidden;text-align: center;} */
ul.nav-menu-mobile > li > ul.sub-menu > li.menu-item-has-children > a {align-items: flex-start;padding:5px 10px;font-size:14px}
ul.nav-menu-mobile > li > ul.sub-menu > li > ul.sub-menu {padding: 0;}
ul.nav-menu-mobile > li > ul.sub-menu > li > ul.sub-menu > li {width: calc((100% - 10px) / 3);min-height: unset;margin-bottom: 10px;display: inline-block;}
ul.nav-menu-mobile > li > ul.sub-menu > li > ul.sub-menu > li > a {width: 100%;margin: 0;padding: 0;border: 0;position: relative;display: flex;flex-flow: column;align-items: center;justify-content: center;text-align: center;}

.menu-mobile-section .search-mobile-header {margin-right: auto;margin-left: 10px;}
.menu-mobile-section li {list-style:none;margin-bottom: 0;}
.active>ul.sub-menu {
    display: block !important;
}

@media (min-width: 850px) {

}
@media (max-width: 849px) {
	.menu-mobile-section.active {
		display:block;
		animation: animateleft 0.4s;
		height: calc(100% - 125px);
	}
/* 	.footer-menu-mobile {position: fixed;bottom: 0;width: 100%;z-index: 99999;display:block} */
	.footer-menu-mobile ul.menu {border-radius: 0;display: flex;padding: 5px 0;}
	.footer-menu-mobile ul.menu > li {width: calc(100% / 5);}
	.footer-menu-mobile ul.menu > li > a {flex-flow: column;font-size:12px !important;padding: 6px 0 !important;white-space: nowrap;}
	.footer-menu-mobile ul.menu > li > a img {filter: grayscale(1);margin-bottom:5px;margin-right:0}
	.footer-menu-mobile ul.menu > li > a:hover {color:var(--primary-color);font-size: 12px !important;}
	.footer-menu-mobile ul.menu > li > a:hover img {filter: grayscale(0);margin-right: 0;margin-bottom: 5px;}
}


.relatedcat ul > li {
	list-style: none;
}
@media (min-width: 849px) {
    .relatedcat ul {
        display: flex;
        margin: 0 -10px;
    }
    .relatedcat ul > li {
        list-style: none;
        width: 33.3333%;
        padding: 0 10px;
    }
    .relatedcat ul > li img {
        object-fit: cover;
        width: 100%;
        height: 150px;
        border-radius: 5px;
        transition: transform .5s;
    }
    .relatedcat ul > li > a {
        line-height: 20px;
        display: block;
        margin-top: 10px;
    }
}
.suntory-alo-phone{background-color:transparent;cursor:pointer;height:120px;position:fixed;-webkit-transition:visibility 0.5s ease 0s;transition:visibility 0.5s ease 0s;width:120px;z-index:200 !important;left:0px;bottom:0px;}
.suntory-alo-phone .suntory-alo-ph-circle{-webkit-animation:1.2s ease-in-out 0s normal none infinite running suntory-alo-circle-anim;animation:1.2s ease-in-out 0s normal none infinite running suntory-alo-circle-anim;background-color:transparent;border:2px solid rgba(30, 30, 30, 0.4);border-radius:100%;height:100px;left:0px;opacity:0.1;position:absolute;top:0px;-webkit-transform-origin:50% 50% 0;transform-origin:50% 50% 0;-webkit-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;width:100px;}
.suntory-alo-phone .suntory-alo-ph-circle{border-color:#ff3301;opacity:1;}
.suntory-alo-phone .suntory-alo-ph-img-circle{border:2px solid transparent;border-radius:100%;height:50px;left:25px;opacity:0.7;position:absolute;top:25px;-webkit-transform-origin:50% 50% 0;transform-origin:50% 50% 0;width:50px;}
.suntory-alo-phone .suntory-alo-ph-img-circle{background-color:#ff3301;}
.suntory-alo-phone .suntory-alo-ph-img-circle i{-webkit-animation:1s ease-in-out 0s normal none infinite running suntory-alo-circle-img-anim;animation:1s ease-in-out 0s normal none infinite running suntory-alo-circle-img-anim;font-size:30px;line-height:50px;padding-left:10px;color:#fff;}
.suntory-alo-phone .suntory-alo-ph-circle-fill{-webkit-animation:2.3s ease-in-out 0s normal none infinite running suntory-alo-circle-fill-anim;animation:2.3s ease-in-out 0s normal none infinite running suntory-alo-circle-fill-anim;border:2px solid transparent;border-radius:100%;height:70px;left:15px;position:absolute;top:15px;-webkit-transform-origin:50% 50% 0;transform-origin:50% 50% 0;-webkit-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;width:70px;}
.suntory-alo-phone .suntory-alo-ph-circle-fill{background-color:#ff3301;}
.suntory-alo-phone .phone-number{position:absolute;top:35px;left:82px;color:#ffffff;background-color:rgba(255, 51, 1, 0.67);padding:6px 10px;border-radius:3px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;width:100%;}
.suntory-alo-phone:hover .phone-number{left:78px;visibility:visible;opacity:1;}
@-webkit-keyframes suntory-alo-circle-anim {
0%{opacity:0.1;-webkit-transform:rotate(0deg) scale(0.5) skew(1deg);transform:rotate(0deg) scale(0.5) skew(1deg);}
30%{opacity:0.5;-webkit-transform:rotate(0deg) scale(0.7) skew(1deg);transform:rotate(0deg) scale(0.7) skew(1deg);}
100%{opacity:0.6;-webkit-transform:rotate(0deg) scale(1) skew(1deg);transform:rotate(0deg) scale(1) skew(1deg);}
}
@keyframes suntory-alo-circle-anim {
0%{opacity:0.1;-webkit-transform:rotate(0deg) scale(0.5) skew(1deg);transform:rotate(0deg) scale(0.5) skew(1deg);}
30%{opacity:0.5;-webkit-transform:rotate(0deg) scale(0.7) skew(1deg);transform:rotate(0deg) scale(0.7) skew(1deg);}
100%{opacity:0.6;-webkit-transform:rotate(0deg) scale(1) skew(1deg);transform:rotate(0deg) scale(1) skew(1deg);}
}
@-webkit-keyframes suntory-alo-circle-fill-anim {
0%{opacity:0.2;-webkit-transform:rotate(0deg) scale(0.7) skew(1deg);transform:rotate(0deg) scale(0.7) skew(1deg);}
50%{opacity:0.2;-webkit-transform:rotate(0deg) scale(1) skew(1deg);transform:rotate(0deg) scale(1) skew(1deg);}
100%{opacity:0.2;-webkit-transform:rotate(0deg) scale(0.7) skew(1deg);transform:rotate(0deg) scale(0.7) skew(1deg);}
}
@keyframes suntory-alo-circle-fill-anim {
0%{opacity:0.2;-webkit-transform:rotate(0deg) scale(0.7) skew(1deg);transform:rotate(0deg) scale(0.7) skew(1deg);}
50%{opacity:0.2;-webkit-transform:rotate(0deg) scale(1) skew(1deg);transform:rotate(0deg) scale(1) skew(1deg);}
100%{opacity:0.2;-webkit-transform:rotate(0deg) scale(0.7) skew(1deg);transform:rotate(0deg) scale(0.7) skew(1deg);}
}
@-webkit-keyframes suntory-alo-circle-img-anim {
0%{-webkit-transform:rotate(0deg) scale(1) skew(1deg);transform:rotate(0deg) scale(1) skew(1deg);}
10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg);transform:rotate(-25deg) scale(1) skew(1deg);}
20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg);transform:rotate(25deg) scale(1) skew(1deg);}
30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg);transform:rotate(-25deg) scale(1) skew(1deg);}
40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg);transform:rotate(25deg) scale(1) skew(1deg);}
50%{-webkit-transform:rotate(0deg) scale(1) skew(1deg);transform:rotate(0deg) scale(1) skew(1deg);}
100%{-webkit-transform:rotate(0deg) scale(1) skew(1deg);transform:rotate(0deg) scale(1) skew(1deg);}
}
@keyframes suntory-alo-circle-img-anim {
0%{-webkit-transform:rotate(0deg) scale(1) skew(1deg);transform:rotate(0deg) scale(1) skew(1deg);}
10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg);transform:rotate(-25deg) scale(1) skew(1deg);}
20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg);transform:rotate(25deg) scale(1) skew(1deg);}
30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg);transform:rotate(-25deg) scale(1) skew(1deg);}
40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg);transform:rotate(25deg) scale(1) skew(1deg);}
50%{-webkit-transform:rotate(0deg) scale(1) skew(1deg);transform:rotate(0deg) scale(1) skew(1deg);}
100%{-webkit-transform:rotate(0deg) scale(1) skew(1deg);transform:rotate(0deg) scale(1) skew(1deg);}
}
.suntory-alo-phone .suntory-alo-ph-img-circle img {
    -webkit-animation: 1s ease-in-out 0s normal none infinite running suntory-alo-circle-img-anim;
    animation: 1s ease-in-out 0s normal none infinite running suntory-alo-circle-img-anim;
	filter: brightness(0) invert(1);
	width: 30px;
    position: absolute;
    top: 10px;
    left: 7px;
}
.mobile-hotline {
    display: none;
}
@keyframes animateleft {
    from {
        left: -300px;
        opacity: 0
    }

    to {
        left: 0;
        opacity: 1
    }
}
@media (max-width: 849px) {
	.suntory-alo-phone .phone-number {
		display: none;
	}
	.back-to-top.active {
		bottom: 100px;
	}
	.tool_info {
		width: 100%;
		bottom: -5px;
		height: 60px;
	}
	.tool_info__box {
		display: flex;
	}
	.tool_info__item {
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.tool_info .icon {
		padding-top: 0;
	}
	.tool_info .icon img {
		width: 15px;
	}
}