.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(51,51,51, 0.1);
}
.type1 .sbox dt {
    text-align: center;
}

 

.type1 .sbox dd {
	color: rgba(112,82,74, 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 #EABFC3;
	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: #A78378;}
.maga_input input:-ms-input-placeholder,
.maga_input textarea:-ms-input-placeholder{	color: #A78378;}
.maga_input input::-ms-input-placeholder,
.maga_input textarea::-ms-input-placeholder{	color: #A78378;}

.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: #70524A;
    background: rgba(234, 191, 195, 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: #70524A;
    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(245,213,217,0.93) 0%,
                rgba(234,191,195,0.92) 46%,
                rgba(242,203,142,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(234,191,195,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(143,106,96,0.26);
}

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

nav li a i{
    margin: 0;
    color: #70524A;
    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(143,106,96,0.12);
    text-align: left;
}

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

.room-lead p{
    margin: 0;
    color: rgba(112,82,74,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(143,106,96,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: #70524A;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 1;
    letter-spacing: .08em;
    background: rgba(234,191,195,0.78);
    box-shadow: 0 5px 12px rgba(143,106,96,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;
    }
}
/* ==========================================================
   KYUKYOKU LOVERS / Sakura Pink color replacement
   参考站风格：樱粉、白透、柔光、桃粉渐变
   仅覆盖颜色、渐变、边框色、阴影色；不改 HTML / 布局 / 尺寸 / 间距
   ========================================================== */
:root{
    --kl-white: #ffffff;
    --kl-paper: #fffafd;
    --kl-paper-2: #fff6fa;
    --kl-pale: #ffeef5;
    --kl-pale-2: #ffe4ee;
    --kl-petal: #ffc9d8;
    --kl-petal-2: #ffb4ca;
    --kl-pink: #ff8eae;
    --kl-pink-main: #ff82a7;
    --kl-pink-deep: #f36b96;
    --kl-pink-hot: #fb789f;
    --kl-line: rgba(255,134,170,0.58);
    --kl-line-soft: rgba(255,162,190,0.38);
    --kl-text: #6f625f;
    --kl-text-deep: #5f5653;
    --kl-muted: #a98d94;
    --kl-shadow: rgba(238,91,135,0.18);
    --kl-shadow-soft: rgba(202,92,124,0.10);
    --kl-menu: rgba(252,124,154,0.93);
    --kl-menu-2: rgba(255,139,169,0.90);
}

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

body,
body#index{
    background-color: var(--kl-paper) !important;
    background:
        radial-gradient(circle at 16% 6%, rgba(255,196,216,0.42) 0, rgba(255,196,216,0.00) 30%),
        radial-gradient(circle at 92% 18%, rgba(255,226,191,0.36) 0, rgba(255,226,191,0.00) 26%),
        radial-gradient(circle at 18% 88%, rgba(255,164,194,0.26) 0, rgba(255,164,194,0.00) 34%),
        linear-gradient(to bottom, #ffffff 0%, #fff4f8 44%, #fffafd 100%) !important;
}

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

.tx_link,
.tx_link:hover,
.sun,
body#index .leave a,
.new_mark,
.list .cbox .new,
[class*="new"] em{
    color: var(--kl-pink-deep) !important;
}

.sat,
.list .cbox .rankno{
    color: #d7a95c !important;
}

::selection{
    color: var(--kl-white) !important;
    background: var(--kl-pink-main) !important;
}

/* hamburger / mobile menu */
#navToggle button{
    color: var(--kl-white) !important;
    background-color: var(--kl-pink-main) !important;
    background: linear-gradient(180deg, #ffaec1 0%, #ff8aaa 48%, #ff789f 100%) !important;
    box-shadow: 0 0 0 1px rgba(255,255,255,0.55) inset,
                0 6px 18px var(--kl-shadow) !important;
}

#navToggle button span,
#navToggle button span:before,
#navToggle button span:after{
    border-color: var(--kl-white) !important;
}

#navToggle button:after{
    color: var(--kl-white) !important;
    text-shadow: 0 1px 1px rgba(206,65,104,0.36) !important;
}

body:after,
body.opennav:after{
    background: rgba(255,244,248,0.72) !important;
}

nav{
    color: var(--kl-white) !important;
    background-color: var(--kl-menu) !important;
    background:
        radial-gradient(circle at 18% 8%, rgba(255,255,255,0.18) 0, rgba(255,255,255,0.00) 28%),
        radial-gradient(circle at 82% 78%, rgba(255,219,230,0.20) 0, rgba(255,219,230,0.00) 32%),
        linear-gradient(180deg, rgba(255,139,169,0.94) 0%, rgba(252,124,154,0.93) 58%, rgba(251,115,149,0.92) 100%) !important;
    box-shadow: 0 0 38px rgba(220,72,116,0.24) !important;
}

nav:before{
    background:
        radial-gradient(circle at 20% 22%, rgba(255,255,255,0.18) 0, rgba(255,255,255,0.00) 31%),
        radial-gradient(circle at 88% 64%, rgba(255,226,236,0.18) 0, rgba(255,226,236,0.00) 35%) !important;
}

nav #navshop{
    color: var(--kl-white) !important;
    background: rgba(255,255,255,0.06) !important;
    border-color: rgba(255,255,255,0.32) !important;
    box-shadow: 0 1px 0 rgba(255,255,255,0.18) inset !important;
}

nav li{
    border-color: rgba(255,255,255,0.36) !important;
}

nav li a,
nav li a:hover{
    color: var(--kl-white) !important;
    background: transparent !important;
    text-shadow: 0 1px 5px rgba(207,61,102,0.34) !important;
}

nav li a i,
.navarea,
.nav_contact,
.nav_contact a,
.nav_contact a:hover{
    color: var(--kl-white) !important;
    text-shadow: 0 1px 5px rgba(207,61,102,0.28) !important;
}

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

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

.nav_contact span i{
    color: var(--kl-pink-main) !important;
    background: var(--kl-white) !important;
}

/* section / page titles */
.page_title{
    color: var(--kl-pink-main) !important;
    background: transparent !important;
    filter: none !important;
}

.page_title em{
    color: var(--kl-pink-main) !important;
    background: none !important;
    -webkit-background-clip: initial !important;
            background-clip: initial !important;
    -webkit-text-fill-color: var(--kl-pink-main) !important;
    text-shadow: 0 2px 0 rgba(255,255,255,0.78),
                 0 5px 12px rgba(245,107,150,0.20) !important;
}

.page_title span,
.s_title em,
.s_title span,
.inbox > div:nth-of-type(odd) .s_title em,
.inbox > div:nth-of-type(even) .s_title em,
.inbox > div:nth-of-type(odd) .s_title span,
.inbox > div:nth-of-type(even) .s_title span,
body#index header h1{
    color: var(--kl-pink-main) !important;
    text-shadow: 0 1px 0 rgba(255,255,255,0.82) !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(--kl-pink-main) !important;
    -webkit-mask-image: -webkit-linear-gradient(top, rgba(255,130,167,0) 18%, rgba(255,130,167,1) 44%, rgba(255,130,167,0) 86%) !important;
}

.page_title em:after{
    border-color: var(--kl-petal-2) !important;
}

/* base panels / text */
.inbox > div:nth-of-type(odd),
.inbox > div:nth-of-type(even),
#sche_a .schebox,
.regbox,
.info,
.maga,
.shopinfo,
.rec,
.room-lead,
.room-photo{
    color: var(--kl-text) !important;
    background-color: rgba(255,255,255,0.76) !important;
}

.inbox > div:nth-of-type(even){
    background-color: rgba(255,247,251,0.68) !important;
}

.as_menu a{
    color: var(--kl-pink-deep) !important;
    background-color: rgba(255,255,255,0.72) !important;
    background: linear-gradient(135deg, rgba(255,255,255,0.88) 0%, rgba(255,238,245,0.76) 62%, rgba(255,221,233,0.70) 100%) !important;
    box-shadow: 0 0 0 1px rgba(255,145,178,0.36) inset,
                0 1px 0 rgba(255,255,255,0.86) inset !important;
    text-shadow: 0 1px 0 rgba(255,255,255,0.72) !important;
}

.as_menu a:hover{
    color: var(--kl-white) !important;
    background: linear-gradient(135deg, #ffaec1 0%, #ff8aaa 54%, #ff789f 100%) !important;
    text-shadow: 0 1px 1px rgba(206,65,104,0.30) !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,
.newsTit,
.STYLE1,
.STYLE2,
.inbox > div.info:nth-of-type(odd) .infobox span,
.inbox > div.info:nth-of-type(even) .infobox span{
    color: var(--kl-text) !important;
}

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

.inbox > div:nth-of-type(odd) .bd,
.inbox > div:nth-of-type(even) .bd,
.shopinfo dl,
.infobox,
.rbox,
.sbox,
.sbox_bg,
#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,
.bg_k1,
.bg_k2,
.bg_k3,
.bg_k4,
.bg_k5,
.bg_k6{
    border-color: var(--kl-line) !important;
}

.inbox > div:nth-of-type(odd) .bg,
.inbox > div:nth-of-type(even) .bg,
#sche_a .schebox .s_sche{
    background-color: rgba(255,226,236,0.44) !important;
}

.room-lead,
.room-photo,
.img-thumbnail,
#prof #flame{
    background-color: rgba(255,255,255,0.78) !important;
    border-color: rgba(255,161,190,0.48) !important;
    box-shadow: 0 12px 28px var(--kl-shadow-soft) !important;
}

.room-photo figcaption,
.label,
.badge{
    color: var(--kl-white) !important;
    background-color: var(--kl-pink-main) !important;
}

/* CTA / buttons */
#ad_div a,
.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,
.footerFixedBtn ul,
.footerFixedBtn li a,
.footerFixedBtn li a:hover,
.footerFixedBtn .footerFixesInfo{
    color: var(--kl-white) !important;
    background-color: var(--kl-pink-main) !important;
    background: linear-gradient(180deg, #ffaec1 0%, #ff88a9 48%, #ff789f 100%) !important;
    border-color: rgba(255,255,255,0.72) !important;
    box-shadow: 0 0 0 1px rgba(255,255,255,0.46) inset,
                0 8px 18px var(--kl-shadow) !important;
    text-shadow: 0 1px 1px rgba(206,65,104,0.34) !important;
}

#ad_div a:hover,
.as_tel:hover,
.footerFixedBtn li a:hover{
    color: var(--kl-white) !important;
    background: linear-gradient(180deg, #ffbdd0 0%, #ff91af 48%, #ff78a0 100%) !important;
}

.as_tel span i,
.fbt_tel span i,
.as_line span i,
.maga a.linetm_bt .linetm_bt1 i,
.cre_tel span i,
.cre_link span i{
    color: var(--kl-pink-main) !important;
    background-color: var(--kl-white) !important;
}

.as_contact p,
.as_contact p em,
.as_contact p i,
.footerFixedBtn li a,
.footerFixedBtn li a i,
.footerFixedBtn .footerFixesInfo p,
.footerFixedBtn .footerFixesInfo p.right,
.footerFixedBtn .footerFixesInfo .label,
.footerFixedBtn .footerFixesInfo a{
    color: var(--kl-white) !important;
}

.as_line,
.as_line:hover,
.fbt_top,
#page-top .fbt_top{
    color: var(--kl-white) !important;
    background-color: var(--kl-pink-deep) !important;
    background: linear-gradient(180deg, #ff9bb7 0%, #ff7fa5 52%, #f36b96 100%) !important;
    text-shadow: 0 1px 1px rgba(206,65,104,0.34) !important;
}

#page-top a,
#page-top .fbt_top,
#page-top .fbt_top i{
    color: var(--kl-white) !important;
}

#page-top:after{
    background-color: rgba(239,108,149,0.40) !important;
}

.bt,
.btn-info,
.btn-info:focus,
.btn-info.focus,
body#index .enter a,
.maga a.linetm_bt,
.cre_tel,
.cre_link{
    color: var(--kl-pink-deep) !important;
    border-color: var(--kl-line) !important;
    background-color: rgba(255,255,255,0.90) !important;
    background: linear-gradient(135deg, rgba(255,255,255,0.96) 0%, rgba(255,239,246,0.92) 58%, rgba(255,218,231,0.82) 100%) !important;
    box-shadow: 0 0 0 1px rgba(255,255,255,0.76) inset,
                0 8px 18px var(--kl-shadow-soft) !important;
    text-shadow: 0 1px 0 rgba(255,255,255,0.74) !important;
}

.bt:hover,
.btn-info:hover,
.btn-info:active,
.btn-info.active,
.open>.dropdown-toggle.btn-info,
body#index .enter a:hover,
.maga a.linetm_bt:hover,
.cre_tel:hover,
.cre_link:hover{
    color: var(--kl-white) !important;
    border-color: rgba(255,255,255,0.80) !important;
    background: linear-gradient(180deg, #ffaec1 0%, #ff88a9 48%, #ff789f 100%) !important;
    text-shadow: 0 1px 1px rgba(206,65,104,0.32) !important;
}

.maga a.linetm_bt:hover .linetm_bt1 i,
.cre_tel:hover span i,
.cre_link:hover span i{
    color: var(--kl-pink-main) !important;
    background-color: var(--kl-white) !important;
}

/* system / price table */
#system .inbox > div,
#system .sys,
#system .sys > div{
    color: var(--kl-text) !important;
    background-color: rgba(255,255,255,0.70) !important;
    border-color: var(--kl-line) !important;
}

#system .sbox,
.sbox{
    border-color: rgba(111,98,95,0.42) !important;
}

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

#system .sbox dd,
.type1 .sbox dd{
    color: var(--kl-pink-deep) !important;
    background: transparent !important;
    text-shadow: 0 1px 0 rgba(255,255,255,0.78) !important;
}

/* sliders / list / profile */
.bx-wrapper .bx-pager.bx-default-pager a,
#prof .bx-wrapper .bx-pager.bx-default-pager a{
    background: rgba(255,176,202,0.65) !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(--kl-pink-main) !important;
}

.list .cbox .txt{
    color: var(--kl-text) !important;
    text-shadow: 0 1px 0 rgba(255,255,255,0.92) !important;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,250,252,0.94) 78%, rgba(255,250,252,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(--kl-pink-deep) !important;
    border-color: var(--kl-line) !important;
    box-shadow: 0 0 0 1px rgba(255,142,174,0.34) !important;
    background-color: rgba(255,255,255,0.62) !important;
}

.list .s_on span{
    color: var(--kl-white) !important;
    background: var(--kl-pink-main) !important;
}

#day_select > a{
    color: var(--kl-text) !important;
    background-color: rgba(255,255,255,0.78) !important;
}

#day_select > span{
    color: var(--kl-white) !important;
    background: var(--kl-pink-main) !important;
}

#day_select > span .sat,
#day_select > span .sun{
    color: var(--kl-white) !important;
}

#sche_a .s_sche li{
    border-color: rgba(255,255,255,0.90) !important;
}

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

#prof #name h3,
#prof .wid_bg h3,
.list .cbox .name{
    color: var(--kl-pink-deep) !important;
}

/* icons / minor labels */
.icon{
    color: var(--kl-white) !important;
}
.icon1{ background-color: rgba(255,142,174,0.92) !important; }
.icon2{ background-color: rgba(255,180,202,0.92) !important; }
.icon3{ background-color: rgba(255,122,160,0.92) !important; }
.icon4{ background-color: rgba(255,206,219,0.92) !important; }

/* footer */
footer{
    color: var(--kl-pink-deep) !important;
    background-color: var(--kl-paper) !important;
    background:
        radial-gradient(circle at 18% 8%, rgba(255,199,216,0.30) 0, rgba(255,199,216,0.00) 30%),
        linear-gradient(to bottom, rgba(255,255,255,0.92) 0%, rgba(255,242,247,0.86) 100%) !important;
}

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

footer .foot_dis,
footer .menulist,
footer .menulist > div{
    border-color: var(--kl-line-soft) !important;
}

/* forms */
select,
input,
textarea,
.maga_input input[type="email"]{
    color: var(--kl-text) !important;
    background-color: rgba(255,255,255,0.92) !important;
}

input:focus,
textarea:focus,
select:focus,
.maga_input input[type="email"]:focus{
    border-color: var(--kl-pink-main) !important;
    box-shadow: 0 0 0 3px rgba(255,130,167,0.22) !important;
    outline-color: var(--kl-pink-main) !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(111,98,95,0.48) !important;
}