.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-right: 5px !important;
    padding-left: 5px !important;
}


.cnt{	padding: 0 0 0 0;}

.s_title{	margin-bottom: 20px;}

#img_bg{
}
#img_bg .bx-wrapper .bx-pager.bx-default-pager{	padding: 5px 0;}
#imgup img{
	width: 100%;
	max-width: 1120px
}
#sp_slide .bx-wrapper{	position: static;}
#sp_slide .bx-wrapper .bx-pager{	position: static;}


/** movie **/

.movie{
	padding: 20px;
}

.movie-wrap{
	position: relative;
	z-index: 2;
	font-size: 0;
	line-height: 0;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}

.movie-wrap iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.sys > div {
    padding: 20px;
}

/** system **/
.inbox > div:nth-of-type(odd) .bd {
    border-color: rgba(77,96,84,0.1);
}
.type1 .sbox dt {
    text-align: center;
}

 

.type1 .sbox dd {
	color: rgba(77,96,84,1);
    /*text-align: right;*/
	font-weight:bold;
}
.sbox dt, .sbox dd {
    min-width: 110px;
    display: table-cell;
    vertical-align: middle;
    font-size: 22px;
    line-height: 20px;
    padding: 15px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.sbox {
    display: table;
    table-layout: auto;
    width: 100%;
    font-size: 0;
    line-height: 0;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

/** recruit **/
.rec{
	padding: 20px;
}

.rec .s_title{	margin-bottom: 20px;}

.rbox{
	text-align: left;
	padding: 15px 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
.rbox:first-of-type{	padding-top: 0;}

.rbox h4{
	font-size: 20px;
	line-height: 24px;
	margin: 0 0 10px 0;
}

.rbox h4 span{
	display: inline-block;
	vertical-align: top;
	font-size: 22px;
	margin-top: 1px;
}

.rbox p{
	font-size: 16px;
	line-height: 22px;
}

.rbox ul{
	font-size: 0;
	line-height: 0;
	margin-bottom: -5px;
}

.rbox li{
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
	line-height: 20px;
	margin: 0 5px 5px 0;
	padding: 0 5px;
	border-radius: 11px;
	border-width: 1px;
	border-style: solid;
	border-color: currentColor;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}



/** list **/

#wait{
	padding: 20px 0;
}

#wait .bt{
	margin: 18px 0 0 0;
}

#newface,
#rank{	padding: 20px 0 0 0;}

#newface .list,
#rank .list{
	display: block;
	font-size: 0;
	line-height: 0;
	width: auto;
	height: auto;
	padding-bottom: 20px;
	white-space: nowrap;
	overflow: hidden;
	overflow-x: scroll;
	text-align: left;
}


#newface .list .cbox,
#rank .list .cbox{
	display: inline-block;
	vertical-align: top;
	width: calc(90% / 4 - 2px);
	min-width: 97px;
	margin: 0 1px !important;
}


/** info **/

.info{
	padding: 20px;
}

.info .s_title{	margin-bottom: 0;}

.infobox{
	display: block;
	text-align: left;
	padding: 10px 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

.infobox em{
	display: block;
	font-size: 12px;
	line-height: 18px;
}
.infobox em i{
	font-style: normal;
}

.infobox span{
	display: block;
	width: 100%;
	font-size: 16px;
	line-height: 20px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
}

.info .bt{	margin-top: 20px;}


/** maga **/

.maga{
	padding: 20px;
}

.maga_p{
	font-size: 16px;
	line-height: 22px;
	text-align: left;
	margin: 0 0 20px 0;
}

.maga_input{
	margin: 0 0 20px 0;
}

.maga_input input[type="email"]{
	width: 100%;
	font-family		: Meiryo,"MS PGothic",Osaka,Serif;
	padding			: 6px;
	font-size		: 16px;
	line-height: 26px;
	border			: 1px solid #A1C1A1;
	border-radius		: 3px;
	-webkit-border-radius	: 3px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.maga_input input::placeholder,
.maga_input textarea::placeholder{	color: #7A917F;}
.maga_input input:-ms-input-placeholder,
.maga_input textarea:-ms-input-placeholder{	color: #7A917F;}
.maga_input input::-ms-input-placeholder,
.maga_input textarea::-ms-input-placeholder{	color: #7A917F;}

.maga_bt{
	font-size: 0;
	line-height: 0;
}

.maga_bt .bt{
	width: 130px;
	margin: 0 5px;
	padding: 10px;
}


/********************************************************************* KOKOkara **/

.maga a.linetm_bt{
	display: flex;
	flex-wrap: wrap;
	width: 280px;
	height: 60px;
	align-items: center;
	align-content: center;
	justify-content: center;
	text-align: center;
	margin: 0 auto;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.maga .linetm_bt .linetm_bt1{
	width: 100%;
	font-size: 18px;
	line-height: 20px;
	padding: 2px 0;
}
.maga .linetm_bt .linetm_bt1:only-child{	padding: 0;}
.maga .linetm_bt .linetm_bt1 i{
	display: inline-block;
	vertical-align: middle;
	width: 22px;
	height: 22px;
	font-size: 13px;
	line-height: 24px;
	margin: -2px 5px 0 0;
	border-radius: 50%;
	-webkit-transition	: 0.2s ease-in-out;
	-moz-transition	: 0.2s ease-in-out;
	-o-transition	: 0.2s ease-in-out;
	transition		: 0.2s ease-in-out;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.maga .linetm_bt .linetm_bt2{
	font-family: Meiryo,'Hiragino Kaku Gothic ProN','Hiragino Sans',sans-serif;
	width: 100%;
	font-size: 10px;
	font-weight: normal;
	line-height: 10px;
}

/********************************************************************* KOKOmade **/



/** wid **/

.wid,
.twitter{
	padding: 20px 0 0 0;
}

.wid_in,
.twitter_in{
	font-size: 0;
	line-height: 0;
}

.twitter_in{
	padding: 0 20px 20px 20px;
}


/** shopinfo **/

.shopinfo{
	padding: 0 20px 20px 20px;
}

.shopinfo h3{
	font-size: 20px;
	line-height: 24px;
	padding: 30px 0;
}

.shopinfo dl{
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
.shopinfo dl:first-of-type{
	border-top-width: 1px;
	border-top-style: solid;
}

.shopinfo dt,
.shopinfo dd{
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	font-size: 14px;
	line-height: 18px;
	padding: 10px 0;
}

.shopinfo dt{	width: 75px;}

.shopinfo dd{}
.shopinfo dd a , .shopinfo dd a:hover{
	width: auto;
	display: inline-block;
	font-size: 12px;
	line-height: 16px;
	padding: 0 7px;
	border-radius: 8px;
	margin-left: 5px;
}


/** btm bnr **/

#btm_etc_link_no{
	font-size: 0;
	line-height: 0;
	text-align: center;
	margin: 10px 0 0 0;
	padding: 0;
}

#btm_etc_link{
	font-size: 0;
	line-height: 0;
	text-align: center;
	margin: 20px 0 0 0;
	padding: 0;
}

#btm_etc_link a{
	display: inline-block;
	vertical-align: top;
	width: 145px;
	height: 38px;
	margin: 0 5px 10px 5px;
}

#btm_etc_link .bg_k1{
	display: inline-block;
	vertical-align: top;
	width: 145px;
	height: 38px;
	margin: 0 5px 10px 5px;
	padding: 0;
	text-align: center;
	-webkit-transition	: 0.2s ease-in-out;
	-moz-transition	: 0.2s ease-in-out;
	-o-transition	: 0.2s ease-in-out;
	transition		: 0.2s ease-in-out;
}

#btm_etc_link .bg_k1 span{
	font-size: 13px;
	font-weight: bold;
	line-height: 38px;
	border-radius: 0;
  	-moz-border-radius	: 0;
   	-webkit-border-radius	: 0;
}

#btm_etc_link .bg_k1 span em{
	border-radius		: 0;
  	-moz-border-radius	: 0;
   	-webkit-border-radius	: 0;
}

#btm_etc_link .bg_k1:hover{
	text-decoration: none;
	opacity: 0.8;
	filter: alpha(opacity=80);
}

#btm_etc_link div.no{
	width: 145px;
	height: 38px;
	display: none;
}

#btm_etc_link a:first-child,
#btm_etc_link div.no:first-child,
#btm_etc_link a:nth-child(6n),
#btm_etc_link div.no:nth-child(6n){
	margin-left: 5px;
}
#btm_etc_link a:last-child,
#btm_etc_link div.no:last-child,
#btm_etc_link a:nth-child(5n),
#btm_etc_link div.no:nth-child(5n){
	margin-right: 5px;
}
	#btm_etc_link a > img{	width: 145px; height: 38px;}
	#top_link_sp{
		display: block;
		margin: 10px 0;
		text-align: center;
	}


/*=================================================
 * CSS for SP
 * ================================================= */

@media screen and (max-width: 650px) {
	#newface .list .cbox,
	#rank .list .cbox{
		width: calc(90% / 3 - 2px);
	}

	#newface .list::-webkit-scrollbar,
	#rank .list::-webkit-scrollbar{
		display: none;
	}
}


@media screen and (max-width: 460px) {
	#newface .list .cbox,
	#rank .list .cbox{
		width: calc(90% / 2 - 2px);
	}
}
/* =================================================
   Fixed page / hamburger additions
   ================================================= */
#navToggle button{
    left: calc(50% - 315px);
    right: auto;
}

.fixed-page-header{
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 90px;
}

.fixed-page-header .logo{
    max-width: 220px;
    width: 48%;
    height: auto;
}

.fixed-page-section .inbox{
    padding-bottom: 20px;
}

.fixed-page-lead{
    padding: 20px;
    font-size: 15px;
    line-height: 1.9;
    text-align: left;
}

.fixed-page-section:after,
#info_staff:after{
    content: '';
    display: block;
    clear: both;
}

@media screen and (max-width: 650px) {
    #navToggle button{
        left: 10px;
        right: auto;
    }
    .fixed-page-header .logo{
        width: 56%;
        max-width: 200px;
    }
}

/* =================================================
   Aroma Gold style hamburger / overlay menu
   reference: uploaded mobile screenshots
   ================================================= */
#navToggle{
    display: block;
}

#navToggle button{
    position: fixed;
    z-index: 10002;
    top: 0;
    right: calc(50% - 325px);
    left: auto !important;
    width: 56px;
    height: 58px;
    padding: 0;
    border: 0;
    border-radius: 0;
    cursor: pointer;
    text-indent: 0;
    overflow: hidden;
    color: #4D6054;
    background: rgba(161,193,161,0.88);
    box-shadow: -1px 0 0 rgba(255,255,255,0.20) inset,
                0 1px 0 rgba(255,255,255,0.18) inset;
    -webkit-appearance: none;
            appearance: none;
}

#navToggle button span,
#navToggle button span:before,
#navToggle button span:after{
    position: absolute;
    left: 13px;
    right: auto;
    display: block;
    width: 30px;
    height: 0;
    border: 0;
    border-top: 4px solid #fff !important;
    border-radius: 5px;
    background: transparent;
    box-sizing: border-box;
    transition: transform .25s ease, opacity .2s ease, top .25s ease;
}

#navToggle button span{
    top: 11px;
    font-size: 0;
    line-height: 0;
}

#navToggle button span:before,
#navToggle button span:after{
    content: "";
    left: 0;
}

#navToggle button span:before{
    top: 8px;
}

#navToggle button span:after{
    top: 20px;
}

#navToggle button:after{
    content: "MENU";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 6px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 1;
    letter-spacing: .04em;
    font-weight: 400;
    color: #4D6054;
    text-align: center;
    text-indent: 0;
}

#navToggle .closebt span{
    top: 24px;
    left: 12px;
    width: 32px;
    transform: rotate(45deg);
}

#navToggle .closebt span:before{
    top: 0;
    left: 0;
    opacity: 0;
    transform: none;
}

#navToggle .closebt span:after{
    top: -4px;
    left: 0;
    width: 32px;
    opacity: 1;
    transform: rotate(90deg);
}

nav{
    position: fixed;
    z-index: 10001;
    top: 0;
    right: -110vw;
    width: 650px;
    max-width: 100%;
    height: 100vh;
    min-height: 100vh;
    overflow-y: auto;
    opacity: 0;
    background: linear-gradient(180deg,
                rgba(220,234,220,0.93) 0%,
                rgba(161,193,161,0.92) 46%,
                rgba(139,169,149,0.94) 100%);
    box-shadow: none;
    transition: right .25s ease, opacity .25s ease;
    -webkit-overflow-scrolling: touch;
}

nav:before{
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    opacity: .16;
    pointer-events: none;
}

.opennav nav{
    right: calc(50% - 325px);
    opacity: 1;
    overflow-y: auto;
}

body.opennav:after{
    z-index: 10000;
    opacity: 0;
    background: transparent;
    pointer-events: none;
}

nav #navshop{
    position: relative;
    height: 58px;
    padding: 0 68px 0 12px;
    background: rgba(161,193,161,0.45);
    border-bottom: 1px solid rgba(255,255,255,0.22);
    color: transparent;
    text-align: left;
    box-shadow: 0 1px 0 rgba(255,255,255,0.12) inset;
}

nav #navshop:before{
    content: "";
    display: block;
    width: 154px;
    max-width: calc(100% - 76px);
    height: 58px;
    background: url('../images/logo.png') left center / contain no-repeat;
}

nav #navshop h1,
nav #navshop h2{
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

nav .menu{
    position: relative;
    padding: 4px 36px 24px;
}

nav li{
    border-bottom: 1px dotted rgba(255,255,255,0.34);
    text-align: left;
}

nav li a,
nav li a:hover{
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: baseline;
    gap: 7px;
    min-height: 48px;
    padding: 17px 0 13px 0;
    color: #fff !important;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 500;
    letter-spacing: .05em;
    text-decoration: none;
    text-shadow: 0 1px 5px rgba(96,117,104,0.26);
}

nav li a:before,
nav li a:after{
    display: none !important;
}

nav li a i{
    margin: 0;
    color: #4D6054;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: .035em;
    opacity: .95;
    text-transform: uppercase;
}

.navinfo{
    display: none;
}

@media screen and (max-width: 650px){
    #navToggle button{
        top: 0;
        right: 0 !important;
        left: auto !important;
    }

    nav,
    .opennav nav{
        width: 100%;
    }

    .opennav nav{
        right: 0;
    }

    nav .menu{
        padding-left: 38px;
        padding-right: 34px;
    }
}

/* =================================================
   Interior room page additions
   ================================================= */
#info_room .inbox{
    padding: 0 18px 28px;
}

.room-lead{
    margin: 0 0 18px;
    padding: 20px 18px;
    border-radius: 18px;
    background: rgba(255,255,255,0.70);
    box-shadow: 0 12px 28px rgba(96,117,104,0.12);
    text-align: left;
}

.room-lead .s_title{
    padding-top: 0;
}

.room-lead p{
    margin: 0;
    color: rgba(77,96,84,0.88);
    font-size: 15px;
    line-height: 1.9;
    letter-spacing: .04em;
}

.room-gallery{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.room-photo{
    position: relative;
    margin: 0;
    padding: 8px;
    border-radius: 18px;
    background: rgba(255,255,255,0.72);
    box-shadow: 0 12px 28px rgba(96,117,104,0.13);
    overflow: hidden;
}

.room-photo img{
    display: block;
    width: 100%;
    height: auto;
    border-radius: 13px;
}

.room-photo figcaption{
    position: absolute;
    left: 18px;
    bottom: 18px;
    padding: 5px 12px;
    border-radius: 999px;
    color: #4D6054;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 1;
    letter-spacing: .08em;
    background: rgba(161,193,161,0.78);
    box-shadow: 0 5px 12px rgba(96,117,104,0.18);
}

@media screen and (max-width: 650px){
    #info_room .inbox{
        padding: 0 12px 22px;
    }
    .room-lead{
        padding: 18px 15px;
        border-radius: 16px;
    }
    .room-gallery{
        grid-template-columns: 1fr;
        gap: 14px;
    }
    .room-photo{
        border-radius: 16px;
    }
}
/* ==========================================================
   GUOFENG SAGE GREEN color system
   参考配色：#A1C1A1 / #8BA995 / #F4F3EE / #DCEADC
   直接替换用：仅覆盖颜色、渐变、边框色、阴影色，不改布局/尺寸/间距/HTML
   ========================================================== */
:root{
    --gf-white: #ffffff;
    --gf-ivory: #F4F3EE;
    --gf-ivory-2: #F1F3EE;
    --gf-paper: #FAFAF5;
    --gf-mint: #A1C1A1;
    --gf-mint-soft: #DCEADC;
    --gf-sage: #8BA995;
    --gf-sage-deep: #7C9E84;
    --gf-sage-soft: #CFE0CF;
    --gf-text: #607568;
    --gf-text-deep: #4D6054;
    --gf-muted: #7A917F;
    --gf-line: rgba(161,193,161,0.58);
    --gf-line-sage: rgba(139,169,149,0.44);
    --gf-shadow: rgba(96,117,104,0.16);
    --gf-shadow-soft: rgba(96,117,104,0.09);
    --gf-glass: rgba(244,243,238,0.92);
    --gf-glass-2: rgba(220,234,220,0.38);
}

html,
body{
    color: var(--gf-text-deep) !important;
}

body,
body#index{
    background: #F4F3EE !important;
    background: -moz-linear-gradient(left, #FAFAF5 0%, #F1F3EE 18%, #E8F0E8 50%, #EEF2E9 82%, #FAFAF5 100%) !important;
    background: -webkit-linear-gradient(left, #FAFAF5 0%,#F1F3EE 18%,#E8F0E8 50%,#EEF2E9 82%,#FAFAF5 100%) !important;
    background: linear-gradient(to right, #FAFAF5 0%,#F1F3EE 18%,#E8F0E8 50%,#EEF2E9 82%,#FAFAF5 100%) !important;
}

body:before,
body#index:before,
body#toppage_body:before{
    background-blend-mode: screen;
}

body,
a,
a:hover,
.tx_a,
.tx_a:hover,
.type1 .sbox dd,
input,
textarea,
select{
    color: var(--gf-text-deep) !important;
}

.tx_link,
.tx_link:hover,
.sun,
body#index .leave a,
.new_mark,
.list .cbox .new,
[class*="new"] em{
    color: #7C9E84 !important;
}

.sat{
    color: #8BA995 !important;
}

::selection{
    color: var(--gf-text-deep);
    background: var(--gf-mint-soft);
}

/* hamburger / overlay navigation */
#navToggle button{
    color: var(--gf-text-deep) !important;
    background: #A1C1A1 !important;
    background: -moz-linear-gradient(135deg, #DCEADC 0%, #A1C1A1 52%, #8BA995 100%) !important;
    background: -webkit-linear-gradient(135deg, #DCEADC 0%,#A1C1A1 52%,#8BA995 100%) !important;
    background: linear-gradient(135deg, #DCEADC 0%,#A1C1A1 52%,#8BA995 100%) !important;
    box-shadow: 0 0 0 1px rgba(96,117,104,0.18) inset,
                0 7px 18px rgba(96,117,104,0.12) !important;
}

#navToggle button span,
#navToggle button span:before,
#navToggle button span:after{
    border-color: var(--gf-text-deep) !important;
}

#navToggle button:after{
    color: var(--gf-text-deep) !important;
    text-shadow: 0 1px 0 rgba(255,255,255,0.48);
}

body:after,
body.opennav:after{
    background: rgba(241,243,238,0.72) !important;
}

nav{
    color: var(--gf-text-deep) !important;
    background: rgba(244,243,238,0.94) !important;
    background: -moz-linear-gradient(left, rgba(250,250,245,0.96) 0%, rgba(220,234,220,0.88) 62%, rgba(139,169,149,0.58) 100%) !important;
    background: -webkit-linear-gradient(left, rgba(250,250,245,0.96) 0%,rgba(220,234,220,0.88) 62%,rgba(139,169,149,0.58) 100%) !important;
    background: linear-gradient(to right, rgba(250,250,245,0.96) 0%,rgba(220,234,220,0.88) 62%,rgba(139,169,149,0.58) 100%) !important;
    box-shadow: 12px 0 34px rgba(96,117,104,0.10) !important;
}

nav:before{
    background: radial-gradient(circle at 24% 18%, rgba(161,193,161,0.25) 0, rgba(161,193,161,0.00) 30%),
                radial-gradient(circle at 86% 72%, rgba(139,169,149,0.20) 0, rgba(139,169,149,0.00) 32%) !important;
}

nav #navshop{
    color: var(--gf-text-deep) !important;
    background: #DCEADC !important;
    background: -moz-linear-gradient(135deg, rgba(250,250,245,0.96) 0%, rgba(220,234,220,0.94) 52%, rgba(139,169,149,0.78) 100%) !important;
    background: -webkit-linear-gradient(135deg, rgba(250,250,245,0.96) 0%,rgba(220,234,220,0.94) 52%,rgba(139,169,149,0.78) 100%) !important;
    background: linear-gradient(135deg, rgba(250,250,245,0.96) 0%,rgba(220,234,220,0.94) 52%,rgba(139,169,149,0.78) 100%) !important;
    border-color: rgba(96,117,104,0.20) !important;
    box-shadow: 0 1px 0 rgba(255,255,255,0.66) inset !important;
}

nav li{
    border-color: rgba(96,117,104,0.20) !important;
}

nav li a,
nav li a:hover{
    color: var(--gf-text-deep) !important;
    background: #F1F3EE !important;
    background: -moz-linear-gradient(135deg, rgba(250,250,245,0.96) 0%, rgba(220,234,220,0.58) 58%, rgba(139,169,149,0.50) 100%) !important;
    background: -webkit-linear-gradient(135deg, rgba(250,250,245,0.96) 0%,rgba(220,234,220,0.58) 58%,rgba(139,169,149,0.50) 100%) !important;
    background: linear-gradient(135deg, rgba(250,250,245,0.96) 0%,rgba(220,234,220,0.58) 58%,rgba(139,169,149,0.50) 100%) !important;
    text-shadow: 0 1px 0 rgba(255,255,255,0.58) !important;
}

nav li a i,
.navarea,
.nav_contact,
.nav_contact a,
.nav_contact a:hover{
    color: var(--gf-muted) !important;
    text-shadow: none !important;
}

nav li a:before{
    border-color: var(--gf-mint) !important;
}

nav li a:after{
    border-color: transparent transparent transparent var(--gf-mint) !important;
}

.nav_contact span i{
    color: var(--gf-text-deep) !important;
    background: var(--gf-mint) !important;
}

/* page titles / section titles */
.page_title{
    color: var(--gf-text-deep) !important;
    background: #DCEADC !important;
    background: -moz-linear-gradient(50deg, #DCEADC 0%, #A1C1A1 48%, #8BA995 100%) !important;
    background: -webkit-linear-gradient(50deg, #DCEADC 0%,#A1C1A1 48%,#8BA995 100%) !important;
    background: linear-gradient(50deg, #DCEADC 0%,#A1C1A1 48%,#8BA995 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DCEADC', endColorstr='#8BA995',GradientType=1 ) !important;
}

.page_title em{
    color: var(--gf-text-deep) !important;
    background: none !important;
    -webkit-background-clip: initial !important;
            background-clip: initial !important;
    -webkit-text-fill-color: var(--gf-text-deep) !important;
    text-shadow: 0 1px 0 rgba(255,255,255,0.58) !important;
}

.page_title em:before,
.inbox > div:nth-of-type(odd) .s_title span:before,
.inbox > div:nth-of-type(even) .s_title span:before{
    color: var(--gf-mint) !important;
    -webkit-mask-image: -webkit-linear-gradient(top, rgba(161,193,161,0) 20%, rgba(161,193,161,1) 42%, rgba(161,193,161,0) 82%) !important;
}

.page_title em:after{
    border-color: rgba(96,117,104,0.30) !important;
}

.page_title span,
.s_title em,
.inbox > div:nth-of-type(odd) .s_title em,
.inbox > div:nth-of-type(even) .s_title em{
    color: var(--gf-text-deep) !important;
}

.s_title span,
.inbox > div:nth-of-type(odd) .s_title span,
.inbox > div:nth-of-type(even) .s_title span,
.list .cbox .rankno,
body#index header h1{
    color: #8BA995 !important;
}

/* content cards / menu buttons */
.inbox > div:nth-of-type(odd),
.inbox > div:nth-of-type(even),
#sche_a .schebox,
.as_menu a,
.regbox,
.info,
.maga,
.shopinfo,
.rec,
.room-lead,
.room-photo{
    color: var(--gf-text-deep) !important;
    background-color: var(--gf-glass) !important;
}

.inbox > div:nth-of-type(even){
    background-color: var(--gf-glass-2) !important;
}

.as_menu a{
    background: #F4F3EE !important;
    background: -moz-linear-gradient(135deg, rgba(250,250,245,0.96) 0%, rgba(220,234,220,0.64) 54%, rgba(139,169,149,0.56) 100%) !important;
    background: -webkit-linear-gradient(135deg, rgba(250,250,245,0.96) 0%,rgba(220,234,220,0.64) 54%,rgba(139,169,149,0.56) 100%) !important;
    background: linear-gradient(135deg, rgba(250,250,245,0.96) 0%,rgba(220,234,220,0.64) 54%,rgba(139,169,149,0.56) 100%) !important;
    color: var(--gf-text-deep) !important;
    box-shadow: 0 0 0 2px rgba(161,193,161,0.52) inset,
                0 1px 0 rgba(255,255,255,0.80) inset !important;
    text-shadow: 0 1px 0 rgba(255,255,255,0.55) !important;
}

.as_menu a:hover{
    color: var(--gf-text-deep) !important;
    background: linear-gradient(135deg, #F4F3EE 0%, #DCEADC 54%, #8BA995 100%) !important;
}

.inbox > div:nth-of-type(odd) .tx,
.inbox > div:nth-of-type(even) .tx,
#sche_a .schebox .s_top .tx,
#sche_a .schebox .s_sche .tx,
.rbox h4,
.shopinfo h3,
.room-lead p{
    color: var(--gf-text) !important;
}

.inbox > div:nth-of-type(odd) .tx2,
.inbox > div:nth-of-type(even) .tx2,
.infobox em,
.shopinfo dt{
    color: var(--gf-muted) !important;
}

.inbox > div:nth-of-type(odd) .bd,
.inbox > div:nth-of-type(even) .bd,
.shopinfo dl,
.infobox,
.rbox,
.sbox,
#access .inbox > div:nth-of-type(odd) .add dt,
#access .inbox > div:nth-of-type(even) .add dt,
.maga_input input[type="email"],
input,
textarea,
select,
.img-thumbnail,
.gmap{
    border-color: var(--gf-line) !important;
}

.inbox > div:nth-of-type(odd) .bg,
.inbox > div:nth-of-type(even) .bg,
#sche_a .schebox .s_sche{
    background-color: rgba(161,193,161,0.16) !important;
}

.inbox > div.info:nth-of-type(odd) .infobox span,
.inbox > div.info:nth-of-type(even) .infobox span,
.newsTit,
.STYLE1,
.STYLE2{
    color: var(--gf-text-deep) !important;
}

.room-lead,
.room-photo,
.img-thumbnail{
    background-color: rgba(244,243,238,0.84) !important;
    box-shadow: 0 12px 28px var(--gf-shadow-soft) !important;
}

.room-photo figcaption{
    color: var(--gf-text-deep) !important;
    background: rgba(161,193,161,0.82) !important;
    box-shadow: 0 5px 12px var(--gf-shadow) !important;
}

/* buttons / CTA */
#ad_div a,
body#index .enter a,
.bt,
.btn-info,
.btn-info:focus,
.btn-info.focus,
.maga a.linetm_bt,
.cre_tel,
.cre_link{
    color: var(--gf-text-deep) !important;
    border-color: rgba(161,193,161,0.80) !important;
    background: #F4F3EE !important;
    background: -moz-linear-gradient(135deg, #F4F3EE 0%, #DCEADC 50%, #8BA995 100%) !important;
    background: -webkit-linear-gradient(135deg, #F4F3EE 0%,#DCEADC 50%,#8BA995 100%) !important;
    background: linear-gradient(135deg, #F4F3EE 0%,#DCEADC 50%,#8BA995 100%) !important;
    box-shadow: 0 0 0 1px rgba(255,255,255,0.72) inset,
                0 8px 18px rgba(96,117,104,0.10) !important;
    text-shadow: 0 1px 0 rgba(255,255,255,0.50) !important;
}

#ad_div a:hover,
body#index .enter a:hover,
.bt:hover,
.btn-info:hover,
.btn-info:active,
.btn-info.active,
.open>.dropdown-toggle.btn-info,
.maga a.linetm_bt:hover,
.cre_tel:hover,
.cre_link:hover{
    color: var(--gf-text-deep) !important;
    border-color: rgba(255,255,255,0.78) !important;
    background: #A1C1A1 !important;
    background: -moz-linear-gradient(135deg, #A1C1A1 0%, #8BA995 100%) !important;
    background: -webkit-linear-gradient(135deg, #A1C1A1 0%,#8BA995 100%) !important;
    background: linear-gradient(135deg, #A1C1A1 0%,#8BA995 100%) !important;
    text-shadow: 0 1px 0 rgba(255,255,255,0.38) !important;
}

.maga a.linetm_bt .linetm_bt1 i,
.cre_tel span i,
.cre_link span i{
    color: var(--gf-text-deep) !important;
    background-color: var(--gf-mint) !important;
}

.maga a.linetm_bt:hover .linetm_bt1 i,
.cre_tel:hover span i,
.cre_link:hover span i{
    color: var(--gf-text-deep) !important;
    background-color: var(--gf-ivory) !important;
}

.as_tel,
.as_tel:hover,
.fbt_home,
.fbt_tel,
#prof .bx-wrapper .bx-controls-direction a,
#prof #name .outlink,
.sns_bt a,
#hotel .hbox .hname span{
    color: var(--gf-text-deep) !important;
    background: #A1C1A1 !important;
    background: -moz-linear-gradient(135deg, #DCEADC 0%, #A1C1A1 58%, #8BA995 100%) !important;
    background: -webkit-linear-gradient(135deg, #DCEADC 0%,#A1C1A1 58%,#8BA995 100%) !important;
    background: linear-gradient(135deg, #DCEADC 0%,#A1C1A1 58%,#8BA995 100%) !important;
    text-shadow: 0 1px 0 rgba(255,255,255,0.42) !important;
}

.as_tel span i,
.fbt_tel span i{
    color: var(--gf-text-deep) !important;
    background-color: rgba(244,243,238,0.90) !important;
}

.as_line,
.as_line:hover{
    color: var(--gf-text-deep) !important;
    background: #8BA995 !important;
    background: -moz-linear-gradient(135deg, #8BA995 0%, #8BA995 100%) !important;
    background: -webkit-linear-gradient(135deg, #8BA995 0%,#8BA995 100%) !important;
    background: linear-gradient(135deg, #8BA995 0%,#8BA995 100%) !important;
}

.as_line span i{
    color: var(--gf-text-deep) !important;
    background-color: var(--gf-ivory) !important;
}

.fbt_top,
#page-top .fbt_top{
    color: var(--gf-text-deep) !important;
    background: #8BA995 !important;
    background: -moz-linear-gradient(135deg, #8BA995 0%, #8BA995 100%) !important;
    background: -webkit-linear-gradient(135deg, #8BA995 0%,#8BA995 100%) !important;
    background: linear-gradient(135deg, #8BA995 0%,#8BA995 100%) !important;
}

#page-top a,
#page-top .fbt_top,
#page-top .fbt_top i{
    color: var(--gf-text-deep) !important;
}

#page-top:after{
    background-color: rgba(96,117,104,0.42) !important;
}

/* fixed bottom navigation */
.footerFixedBtn ul{
    background: #A1C1A1 !important;
    background: -moz-linear-gradient(top, #DCEADC 0%, #A1C1A1 58%, #8BA995 100%) !important;
    background: -webkit-linear-gradient(top, #DCEADC 0%,#A1C1A1 58%,#8BA995 100%) !important;
    background: linear-gradient(to bottom, #DCEADC 0%,#A1C1A1 58%,#8BA995 100%) !important;
}

.footerFixedBtn li a,
.footerFixedBtn li a:hover{
    color: var(--gf-text-deep) !important;
    background: #A1C1A1 !important;
    background: -moz-linear-gradient(top, #DCEADC 0%, #A1C1A1 100%) !important;
    background: -webkit-linear-gradient(top, #DCEADC 0%,#A1C1A1 100%) !important;
    background: linear-gradient(to bottom, #DCEADC 0%,#A1C1A1 100%) !important;
    border-color: rgba(96,117,104,0.18) !important;
    text-shadow: 0 1px 0 rgba(255,255,255,0.35) !important;
}

.footerFixedBtn li a i{
    color: var(--gf-text-deep) !important;
}

.footerFixedBtn .footerFixesInfo{
    background: #8BA995 !important;
    background: -moz-linear-gradient(top, #8BA995 0%, #8BA995 100%) !important;
    background: -webkit-linear-gradient(top, #8BA995 0%,#8BA995 100%) !important;
    background: linear-gradient(to bottom, #8BA995 0%,#8BA995 100%) !important;
}

.footerFixedBtn .footerFixesInfo p,
.footerFixedBtn .footerFixesInfo .label{
    color: var(--gf-text-deep) !important;
}

/* system / price table */
#system .sbox,
.sbox{
    border-color: rgba(96,117,104,0.40) !important;
}

#system .sbox dt,
.type1 .sbox dt{
    color: var(--gf-text-deep) !important;
    background: var(--gf-mint) !important;
    text-shadow: 0 1px 0 rgba(255,255,255,0.32) !important;
}

#system .sbox dd,
.type1 .sbox dd{
    color: var(--gf-text-deep) !important;
    background: rgba(244,243,238,0.72) !important;
    text-shadow: 0 1px 0 rgba(255,255,255,0.48) !important;
}

#system .inbox > div,
#system .sys,
#system .sys > div{
    background-color: rgba(244,243,238,0.58) !important;
    border-color: var(--gf-line) !important;
}

/* footer */
footer{
    color: var(--gf-text-deep) !important;
    background: #DCEADC !important;
    background: -moz-linear-gradient(135deg, #F4F3EE 0%, #DCEADC 42%, #A1C1A1 68%, #8BA995 100%) !important;
    background: -webkit-linear-gradient(135deg, #F4F3EE 0%,#DCEADC 42%,#A1C1A1 68%,#8BA995 100%) !important;
    background: linear-gradient(135deg, #F4F3EE 0%,#DCEADC 42%,#A1C1A1 68%,#8BA995 100%) !important;
}

footer,
footer a,
footer a:hover,
footer .foot_dis,
footer #copyright,
footer #copyright a,
footer #copyright a:hover{
    color: var(--gf-text-deep) !important;
}

footer .foot_dis{
    border-color: rgba(96,117,104,0.18) !important;
}

/* sliders / list / profile */
.bx-wrapper .bx-pager.bx-default-pager a,
#prof .bx-wrapper .bx-pager.bx-default-pager a{
    background: rgba(96,117,104,0.28) !important;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
#prof .bx-wrapper .bx-pager.bx-default-pager a.active,
.swiper-pagination-bullet-active{
    background: var(--gf-mint) !important;
}

.list .cbox .txt{
    color: var(--gf-text-deep) !important;
    text-shadow: 0 1px 0 rgba(255,255,255,0.92) !important;
    background: -moz-linear-gradient(top, rgba(244,243,238,0) 0%, rgba(244,243,238,0.94) 78%, rgba(244,243,238,1) 100%) !important;
    background: -webkit-linear-gradient(top, rgba(244,243,238,0) 0%,rgba(244,243,238,0.94) 78%,rgba(244,243,238,1) 100%) !important;
    background: linear-gradient(to bottom, rgba(244,243,238,0) 0%,rgba(244,243,238,0.94) 78%,rgba(244,243,238,1) 100%) !important;
}

.list .s_on,
.inbox > div.op:nth-of-type(odd) li.ok,
.inbox > div.op:nth-of-type(even) li.ok{
    color: var(--gf-text) !important;
    border-color: var(--gf-line) !important;
    box-shadow: 0 0 0 1px rgba(161,193,161,0.30) !important;
    background-color: rgba(244,243,238,0.62) !important;
}

.list .s_on span{
    color: var(--gf-text-deep) !important;
    background: var(--gf-mint) !important;
}

#day_select > a{
    color: var(--gf-text-deep) !important;
    background-color: rgba(244,243,238,0.90) !important;
}

#day_select > span{
    color: var(--gf-text-deep) !important;
    background: var(--gf-mint) !important;
}

#day_select > span .sat,
#day_select > span .sun{
    color: var(--gf-text-deep) !important;
}

#sche_a .s_sche li,
#prof #flame{
    border-color: rgba(244,243,238,0.92) !important;
}

.inbox > div.op:nth-of-type(odd) li.ng,
.inbox > div.op:nth-of-type(even) li.ng{
    color: rgba(77,96,84,0.24) !important;
    background-color: rgba(77,96,84,0.10) !important;
}

/* icons / minor labels */
.icon{
    color: var(--gf-text-deep) !important;
}
.icon1{ background-color: rgba(161,193,161,0.92) !important; }
.icon2{ background-color: rgba(139,169,149,0.92) !important; }
.icon3{ background-color: rgba(139,169,149,0.92) !important; }
.icon4{ background-color: rgba(220,234,220,0.92) !important; }

.bg_k1,
.bg_k2,
.bg_k3,
.bg_k4,
.bg_k5,
.bg_k6,
.label,
.badge{
    border-color: var(--gf-line) !important;
}

.label,
.badge{
    color: var(--gf-text-deep) !important;
    background-color: rgba(220,234,220,0.64) !important;
}

/* form focus */
input:focus,
textarea:focus,
select:focus,
.maga_input input[type="email"]:focus{
    border-color: var(--gf-mint) !important;
    box-shadow: 0 0 0 3px rgba(161,193,161,0.24) !important;
    outline-color: var(--gf-mint) !important;
}

.maga_input input::placeholder,
.maga_input textarea::placeholder,
.maga_input input:-ms-input-placeholder,
.maga_input textarea:-ms-input-placeholder,
.maga_input input::-ms-input-placeholder,
.maga_input textarea::-ms-input-placeholder{
    color: rgba(96,117,104,0.45) !important;
}